#2027AC Color

#2027AC is rgb(32, 39, 172) in RGB and hsl(237, 69%, 40%) in HSL. The closest CSS named color is DarkSlateBlue. White text is most readable on this background.

#2027AC

HEX#2027AC

RGBrgb(32, 39, 172)

HSLhsl(237, 69%, 40%)

HSVhsv(237, 81%, 67%)

OKLCHoklch(38.1% 0.204 269.6)

CMYKcmyk(81%, 77%, 0%, 33%)

Text Contrast & Accessibility

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

TextWhite text10.78:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text1.95:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#2027AC Complementary#ACA520 Analogous#206DAC Analogous#5F20AC Triadic#AC2027 Triadic#27AC20

Tints & Shades

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

Tints

#262ECF #464DDD #686EE3 #8B8FEA #ADB0F0 #D4D6F7

Shades

#1C2297 #181D81 #14186C #0F1252 #0B0E3C #070927

Use #2027AC in Our Tools

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