#1242AB Color

#1242AB is rgb(18, 66, 171) in RGB and hsl(221, 81%, 37%) in HSL. The closest CSS named color is DarkSlateBlue. White text is most readable on this background.

#1242AB

HEX#1242AB

RGBrgb(18, 66, 171)

HSLhsl(221, 81%, 37%)

HSVhsv(221, 89%, 67%)

OKLCHoklch(42.1% 0.176 262.8)

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

Text Contrast & Accessibility

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

TextWhite text8.78:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#1242AB Complementary#AB7A12 Analogous#128FAB Analogous#2E12AB Triadic#AB1242 Triadic#42AB12

Tints & Shades

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

Tints

#1652D4 #2B67E9 #5485ED #7EA2F1 #A7C0F6 #CCDBFA

Shades

#103994 #0E3281 #0B296A #092053 #06173C #04102A

Use #1242AB in Our Tools

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