#227196 Color

#227196 is rgb(34, 113, 150) in RGB and hsl(199, 63%, 36%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#227196

HEX#227196

RGBrgb(34, 113, 150)

HSLhsl(199, 63%, 36%)

HSVhsv(199, 77%, 59%)

OKLCHoklch(51.9% 0.094 233.5)

CMYKcmyk(77%, 25%, 0%, 41%)

Text Contrast & Accessibility

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

TextWhite text5.43:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.87:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#227196 Complementary#964722 Analogous#229680 Analogous#223796 Triadic#962271 Triadic#719622

Tints & Shades

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

Tints

#2A8DBB #40A5D4 #65B6DC #86C6E4 #ACD8EC #D1E9F5

Shades

#1D6181 #195570 #15455B #11394B #0C2936 #081C25

Use #227196 in Our Tools

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