#84AFB8 Color

#84AFB8 is rgb(132, 175, 184) in RGB and hsl(190, 27%, 62%) in HSL. The closest CSS named color is DarkGray. Black text is most readable on this background.

#84AFB8

HEX#84AFB8

RGBrgb(132, 175, 184)

HSLhsl(190, 27%, 62%)

HSVhsv(190, 28%, 72%)

OKLCHoklch(72.6% 0.048 211.9)

CMYKcmyk(28%, 5%, 0%, 28%)

Text Contrast & Accessibility

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

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

TextBlack text8.81:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#84AFB8 Complementary#B88D84 Analogous#84B8A7 Analogous#8495B8 Triadic#B884B0 Triadic#B0B884

Tints & Shades

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

Tints

#94BAC2 #A4C4CB #B5CFD4 #C8DBDF #D8E6E9 #E8F0F2

Shades

#6A9FA9 #548792 #456F78 #36575E #273F44 #162427

Use #84AFB8 in Our Tools

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