#23C796 Color

#23C796 is rgb(35, 199, 150) in RGB and hsl(162, 70%, 46%) in HSL. The closest CSS named color is LightSeaGreen. Black text is most readable on this background.

#23C796

HEX#23C796

RGBrgb(35, 199, 150)

HSLhsl(162, 70%, 46%)

HSVhsv(162, 82%, 78%)

OKLCHoklch(73.9% 0.146 166.5)

CMYKcmyk(82%, 0%, 25%, 22%)

Text Contrast & Accessibility

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

TextWhite text2.17:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text9.68:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#23C796 Complementary#C72354 Analogous#23C744 Analogous#23A7C7 Triadic#9623C7 Triadic#C79623

Tints & Shades

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

Tints

#33DBA9 #56E1B7 #74E7C4 #97EDD3 #B5F2E0 #D8F8EE

Shades

#1FAD83 #1A936F #15795B #115F48 #0C4534 #082B21

Use #23C796 in Our Tools

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