#23485C Color

#23485C is rgb(35, 72, 92) in RGB and hsl(201, 45%, 25%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#23485C

HEX#23485C

RGBrgb(35, 72, 92)

HSLhsl(201, 45%, 25%)

HSVhsv(201, 62%, 36%)

OKLCHoklch(38.3% 0.054 234.3)

CMYKcmyk(62%, 22%, 0%, 64%)

Text Contrast & Accessibility

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

TextWhite text9.75:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#23485C Complementary#5C3723 Analogous#235C54 Analogous#232C5C Triadic#5C2348 Triadic#485C23

Tints & Shades

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

Tints

#316581 #4185AA #5C9EC1 #85B6D1 #AACCDF #D3E5EE

Shades

#1F4051 #1B3746 #162E3B #122630 #0E1D25 #0A141A

Use #23485C in Our Tools

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