#203046 Color

#203046 is rgb(32, 48, 70) in RGB and hsl(215, 37%, 20%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#203046

HEX#203046

RGBrgb(32, 48, 70)

HSLhsl(215, 37%, 20%)

HSVhsv(215, 54%, 27%)

OKLCHoklch(30.6% 0.045 256.5)

CMYKcmyk(54%, 31%, 0%, 73%)

Text Contrast & Accessibility

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

TextWhite text13.35:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#203046 Complementary#463620 Analogous#204346 Analogous#232046 Triadic#462030 Triadic#304620

Tints & Shades

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

Tints

#324A6C #436493 #5B80B3 #85A0C7 #ABBED8 #D2DCEA

Shades

#1D2B3F #182434 #151F2D #121A26 #0E161F #0A0E15

Use #203046 in Our Tools

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