#233830 Color

#233830 is rgb(35, 56, 48) in RGB and hsl(157, 23%, 18%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#233830

HEX#233830

RGBrgb(35, 56, 48)

HSLhsl(157, 23%, 18%)

HSVhsv(157, 37%, 22%)

OKLCHoklch(32% 0.031 168.6)

CMYKcmyk(38%, 0%, 14%, 78%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#233830 Complementary#38232B Analogous#233826 Analogous#233638 Triadic#302338 Triadic#383023

Tints & Shades

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

Tints

#395B4E #51816E #68A18B #8EB8A8 #B1CEC3 #D6E5E0

Shades

#1F322B #1B2C26 #182620 #141F1B #101915 #0C1310

Use #233830 in Our Tools

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