#649FAA Color

#649FAA is rgb(100, 159, 170) in RGB and hsl(189, 29%, 53%) in HSL. The closest CSS named color is CadetBlue. Black text is most readable on this background.

#649FAA

HEX#649FAA

RGBrgb(100, 159, 170)

HSLhsl(189, 29%, 53%)

HSVhsv(189, 41%, 67%)

OKLCHoklch(66.6% 0.063 210.6)

CMYKcmyk(41%, 6%, 0%, 33%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#649FAA Complementary#AA6F64 Analogous#64AA92 Analogous#647DAA Triadic#AA649F Triadic#9FAA64

Tints & Shades

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

Tints

#78ACB5 #8FBAC1 #A3C6CC #BAD4D9 #CEE1E4 #E5EFF1

Shades

#538D97 #477880 #3A6269 #2D4D52 #21373B #142224

Use #649FAA in Our Tools

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