#699FA5 Color

#699FA5 is rgb(105, 159, 165) in RGB and hsl(186, 25%, 53%) in HSL. The closest CSS named color is CadetBlue. Black text is most readable on this background.

#699FA5

HEX#699FA5

RGBrgb(105, 159, 165)

HSLhsl(186, 25%, 53%)

HSVhsv(186, 36%, 65%)

OKLCHoklch(66.7% 0.058 204.7)

CMYKcmyk(36%, 4%, 0%, 35%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #699FA5 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text2.96:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text7.1:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

Colors that pair well with #699FA5 based on color wheel relationships. Click any swatch for its full breakdown.

Base#699FA5 Complementary#A56F69 Analogous#69A58D Analogous#6981A5 Triadic#A5699F Triadic#9FA569

Tints & Shades

Lighter tints and darker shades of #699FA5, useful for hover states, backgrounds, and text variants.

Tints

#7CABB1 #93BABE #A6C6C9 #BCD4D7 #CFE0E2 #E6EFF0

Shades

#588D93 #4B777C #3D6266 #304C50 #223739 #152223

Use #699FA5 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex