#211976 Color

#211976 is rgb(33, 25, 118) in RGB and hsl(245, 65%, 28%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#211976

HEX#211976

RGBrgb(33, 25, 118)

HSLhsl(245, 65%, 28%)

HSVhsv(245, 79%, 46%)

OKLCHoklch(30.1% 0.149 276.3)

CMYKcmyk(72%, 79%, 0%, 54%)

Text Contrast & Accessibility

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

TextWhite text14.33:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#211976 Complementary#6E7619 Analogous#194076 Analogous#4F1976 Triadic#762119 Triadic#197621

Tints & Shades

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

Tints

#2C22A0 #382BCA #5A4EDA #8178E2 #A9A2EB #D0CDF4

Shades

#1D1669 #191358 #15104C #100C3B #0D0A2E #08061D

Use #211976 in Our Tools

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