#64968E Color

#64968E is rgb(100, 150, 142) in RGB and hsl(170, 20%, 49%) in HSL. The closest CSS named color is CadetBlue. Black text is most readable on this background.

#64968E

HEX#64968E

RGBrgb(100, 150, 142)

HSLhsl(170, 20%, 49%)

HSVhsv(170, 33%, 59%)

OKLCHoklch(63.5% 0.055 183.4)

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

Text Contrast & Accessibility

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

TextWhite text3.34:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text6.3:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#64968E Complementary#96646C Analogous#649675 Analogous#648596 Triadic#8E6496 Triadic#968E64

Tints & Shades

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

Tints

#78A59E #8EB4AD #A3C2BD #B9D0CC #CEDEDC #E3EDEB

Shades

#58847C #496E68 #3D5C57 #2F4642 #233431 #141F1D

Use #64968E in Our Tools

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