#180070 Color

#180070 is rgb(24, 0, 112) in RGB and hsl(253, 100%, 22%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#180070

HEX#180070

RGBrgb(24, 0, 112)

HSLhsl(253, 100%, 22%)

HSVhsv(253, 100%, 44%)

OKLCHoklch(25.9% 0.163 274.7)

CMYKcmyk(79%, 100%, 0%, 56%)

Text Contrast & Accessibility

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

TextWhite text16.5:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#180070 Complementary#587000 Analogous#002070 Analogous#500070 Triadic#701800 Triadic#007018

Tints & Shades

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

Tints

#2400A8 #3100E0 #4B1AFF #734DFF #9F85FF #CBBDFF

Shades

#150061 #130057 #0F0047 #0D003D #0A002E #080024

Use #180070 in Our Tools

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