#222C6D Color

#222C6D is rgb(34, 44, 109) in RGB and hsl(232, 52%, 28%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#222C6D

HEX#222C6D

RGBrgb(34, 44, 109)

HSLhsl(232, 52%, 28%)

HSVhsv(232, 69%, 43%)

OKLCHoklch(32.6% 0.113 272)

CMYKcmyk(69%, 60%, 0%, 57%)

Text Contrast & Accessibility

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

TextWhite text12.73:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#222C6D Complementary#6D6322 Analogous#22516D Analogous#3D226D Triadic#6D222C Triadic#2C6D22

Tints & Shades

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

Tints

#2F3C93 #3B4CBA #5C6BCC #838ED8 #AAB2E4 #D0D5F0

Shades

#1F2761 #1A2151 #161C46 #111636 #0D112B #090B1B

Use #222C6D in Our Tools

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