#201660 Color

#201660 is rgb(32, 22, 96) in RGB and hsl(248, 63%, 23%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#201660

HEX#201660

RGBrgb(32, 22, 96)

HSLhsl(248, 63%, 23%)

HSVhsv(248, 77%, 38%)

OKLCHoklch(27.1% 0.124 280.4)

CMYKcmyk(67%, 77%, 0%, 62%)

Text Contrast & Accessibility

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

TextWhite text15.61:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#201660 Complementary#566016 Analogous#163160 Analogous#451660 Triadic#602016 Triadic#166020

Tints & Shades

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

Tints

#2F208D #3C2AB7 #5744D5 #8072DF #A99FE9 #CFC9F3

Shades

#1B1353 #19114B #150E3E #100B32 #0C0825 #0A071D

Use #201660 in Our Tools

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