#222349 Color

#222349 is rgb(34, 35, 73) in RGB and hsl(238, 36%, 21%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#222349
HEX#222349
RGBrgb(34, 35, 73)
HSLhsl(238, 36%, 21%)
HSVhsv(238, 53%, 29%)
OKLCHoklch(27.7% 0.069 279.8)
CMYKcmyk(53%, 52%, 0%, 71%)

Text Contrast & Accessibility

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

TextWhite text14.95:1AA normal ✓AA large ✓AAA normal ✓
TextBlack text1.4:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#222349Complementary#494822Analogous#223749Analogous#342249Triadic#492224Triadic#244922

Tints & Shades

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

Use #222349 in Our Tools

Hex to RGBHex to HSLHex to CMYKHex to PantoneRGBA to Hex