#122BAB Color

#122BAB is rgb(18, 43, 171) in RGB and hsl(230, 81%, 37%) in HSL. The closest CSS named color is DarkBlue. White text is most readable on this background.

#122BAB

HEX#122BAB

RGBrgb(18, 43, 171)

HSLhsl(230, 81%, 37%)

HSVhsv(230, 89%, 67%)

OKLCHoklch(38% 0.202 266.1)

CMYKcmyk(89%, 75%, 0%, 33%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#122BAB Complementary#AB9112 Analogous#1278AB Analogous#4512AB Triadic#AB122B Triadic#2BAB12

Tints & Shades

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

Tints

#1636D4 #2B4AE9 #546EED #7E91F1 #A7B4F6 #CCD4FA

Shades

#102694 #0E2181 #0B1B6A #091553 #060F3C #040B2A

Use #122BAB in Our Tools

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