#23AE69

#23AE69

Color Values

HEX

#23AE69

RGB

35, 174, 105

HSL

150.2, 66.5%, 41.0%

HSV

150.2, 79.9%, 68.2%

CMYK

79.9%, 0.0%, 39.7%, 31.8%

OKLCH

0.6639 0.1529 155.4

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#23AE69

#AE2368

Analogous

#23AE23

#23AEAE

#23AE69

Triadic

#23AE69

#6923AE

#AE6923

Split Complementary

#23AE69

#AE23AE

#AE2323

Tetradic

#23AE69

#2323AE

#AE2368

#AEAE23

Color Blindness Simulation

Original

#23AE69

Protanopia

#5F607A

Deuteranopia

#574D7E

Tritanopia

#2A878A

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E3F7ED
200
#C4F3DB
300
#99EAC2
400
#62DFA1
500
#2BD480
600
#22AA66
700
#1B8852
800
#156A40
900
#134D31
950
#0C311F

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

7.33:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026