#5F8491 Color

#5F8491 is rgb(95, 132, 145) in RGB and hsl(196, 21%, 47%) in HSL. The closest CSS named color is SlateGray. Black text is most readable on this background.

#5F8491

HEX#5F8491

RGBrgb(95, 132, 145)

HSLhsl(196, 21%, 47%)

HSVhsv(196, 34%, 57%)

OKLCHoklch(59% 0.046 221.7)

CMYKcmyk(34%, 9%, 0%, 43%)

Text Contrast & Accessibility

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

TextWhite text4.04:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.2:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#5F8491 Complementary#916C5F Analogous#5F9185 Analogous#5F6A91 Triadic#915F84 Triadic#84915F

Tints & Shades

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

Tints

#7195A2 #8AA8B2 #9FB8C1 #B5C8CF #CBD8DD #E3EAED

Shades

#53737F #47626C #3A5159 #2C3E44 #202D31 #141C1F

Use #5F8491 in Our Tools

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