#21728C Color

#21728C is rgb(33, 114, 140) in RGB and hsl(195, 62%, 34%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#21728C

HEX#21728C

RGBrgb(33, 114, 140)

HSLhsl(195, 62%, 34%)

HSVhsv(195, 76%, 55%)

OKLCHoklch(51.6% 0.085 224)

CMYKcmyk(76%, 19%, 0%, 45%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#21728C Complementary#8C3C21 Analogous#218C72 Analogous#213C8C Triadic#8C2172 Triadic#728C21

Tints & Shades

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

Tints

#2A90B2 #39ABD0 #5EBAD9 #87CCE3 #ACDCEC #D2ECF4

Shades

#1D647C #185467 #144657 #103946 #0D2B36 #081B21

Use #21728C in Our Tools

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