#233A43 Color

#233A43 is rgb(35, 58, 67) in RGB and hsl(197, 31%, 20%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#233A43

HEX#233A43

RGBrgb(35, 58, 67)

HSLhsl(197, 31%, 20%)

HSVhsv(197, 48%, 26%)

OKLCHoklch(33.3% 0.033 224.7)

CMYKcmyk(48%, 13%, 0%, 74%)

Text Contrast & Accessibility

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

TextWhite text11.95:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#233A43 Complementary#432C23 Analogous#23433C Analogous#232A43 Triadic#43233A Triadic#3A4323

Tints & Shades

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

Tints

#375A68 #4A798C #6297AC #8AB2C1 #AFCAD5 #D4E2E8

Shades

#20343C #1A2B32 #17262B #132025 #101A1E #0B1114

Use #233A43 in Our Tools

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