#212DB0 Color

#212DB0 is rgb(33, 45, 176) in RGB and hsl(235, 68%, 41%) in HSL. The closest CSS named color is DarkSlateBlue. White text is most readable on this background.

#212DB0

HEX#212DB0

RGBrgb(33, 45, 176)

HSLhsl(235, 68%, 41%)

HSVhsv(235, 81%, 69%)

OKLCHoklch(39.4% 0.202 269.1)

CMYKcmyk(81%, 74%, 0%, 31%)

Text Contrast & Accessibility

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

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

TextBlack text2.07:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#212DB0 Complementary#B0A421 Analogous#2174B0 Analogous#5D21B0 Triadic#B0212D Triadic#2DB021

Tints & Shades

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

Tints

#2836D2 #4753DC #6973E2 #9097EA #B2B7F0 #D4D7F7

Shades

#1D289A #182181 #141C6B #101656 #0C1140 #070A27

Use #212DB0 in Our Tools

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