#23C472

#23C472

Color Values

HEX

#23C472

RGB

35, 196, 114

HSL

149.4, 69.7%, 45.3%

HSV

149.4, 82.1%, 76.9%

CMYK

82.1%, 0.0%, 41.8%, 23.1%

OKLCH

0.7235 0.1728 154.3

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#23C472

#C42375

Analogous

#25C423

#23C4C2

#23C472

Triadic

#23C472

#7223C4

#C47223

Split Complementary

#23C472

#C223C4

#C42325

Tetradic

#23C472

#2325C4

#C42375

#C4C223

Color Blindness Simulation

Original

#23C472

Protanopia

#696A86

Deuteranopia

#5F538B

Tritanopia

#2B9699

Achromatopsia

#9C9C9C

CSS Usage

background-color: #23C472;
color: #23C472;
border-color: #23C472;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F3FCF7
100
#E3F8ED
200
#C2F4DB
300
#97ECC1
400
#5FE29F
500
#27D87E
600
#1FAD65
700
#198A50
800
#136C3F
900
#124F30
950
#0B321E

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

9.21:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026