#23AB68

#23AB68

Color Values

HEX

#23AB68

RGB

35, 171, 104

HSL

150.4, 66.0%, 40.4%

HSV

150.4, 79.5%, 67.1%

CMYK

79.5%, 0.0%, 39.2%, 32.9%

OKLCH

0.6557 0.15 155.7

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#23AB68

#AB2366

Analogous

#23AB24

#23AAAB

#23AB68

Triadic

#23AB68

#6823AB

#AB6823

Split Complementary

#23AB68

#AB23AA

#AB2423

Tetradic

#23AB68

#2423AB

#AB2366

#AAAB23

Color Blindness Simulation

Original

#23AB68

Protanopia

#5E5F78

Deuteranopia

#564C7C

Tritanopia

#2A8588

Achromatopsia

#898989

CSS Usage

background-color: #23AB68;
color: #23AB68;
border-color: #23AB68;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F3FCF7
100
#E3F7ED
200
#C4F3DC
300
#99EAC2
400
#62DFA1
500
#2BD481
600
#23A967
700
#1C8752
800
#166A40
900
#144D31
950
#0C311F

Contrast Checker

Text on white

2.96:1

AA Fail AAA Fail

Text on black

7.1:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026