#228491 Color

#228491 is rgb(34, 132, 145) in RGB and hsl(187, 62%, 35%) in HSL. The closest CSS named color is DarkCyan. Black text is most readable on this background.

#228491

HEX#228491

RGBrgb(34, 132, 145)

HSLhsl(187, 62%, 35%)

HSVhsv(187, 77%, 57%)

OKLCHoklch(56.5% 0.088 208.2)

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

Text Contrast & Accessibility

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

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

TextBlack text4.78:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#228491 Complementary#912F22 Analogous#229166 Analogous#224C91 Triadic#912284 Triadic#849122

Tints & Shades

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

Tints

#2BA6B6 #3DC0D1 #62CCDA #87D8E3 #ACE4EC #D2F0F4

Shades

#1E7580 #19626B #15535B #104046 #0D3136 #081E21

Use #228491 in Our Tools

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