#23AF71

#23AF71

Color Values

HEX

#23AF71

RGB

35, 175, 113

HSL

153.4, 66.7%, 41.2%

HSV

153.4, 80.0%, 68.6%

CMYK

80.0%, 0.0%, 35.4%, 31.4%

OKLCH

0.6682 0.1469 158.0

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#23AF71

#AF2361

Analogous

#23AF2B

#23A7AF

#23AF71

Triadic

#23AF71

#7123AF

#AF7123

Split Complementary

#23AF71

#AF23A7

#AF2B23

Tetradic

#23AF71

#2B23AF

#AF2361

#A7AF23

Color Blindness Simulation

Original

#23AF71

Protanopia

#606180

Deuteranopia

#584D84

Tritanopia

#2A8C8E

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F3FCF8
100
#E3F7EE
200
#C3F3DE
300
#99EBC6
400
#62E0A8
500
#2AD589
600
#22AA6E
700
#1B8858
800
#156A45
900
#134E34
950
#0C3121

Contrast Checker

Text on white

2.82:1

AA Fail AAA Fail

Text on black

7.44:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026