#23AF7B

#23AF7B

Color Values

HEX

#23AF7B

RGB

35, 175, 123

HSL

157.7, 66.7%, 41.2%

HSV

157.7, 80.0%, 68.6%

CMYK

80.0%, 0.0%, 29.7%, 31.4%

OKLCH

0.6704 0.1381 162.1

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#23AF7B

#AF2357

Analogous

#23AF35

#239DAF

#23AF7B

Triadic

#23AF7B

#7B23AF

#AF7B23

Split Complementary

#23AF7B

#AF239D

#AF3523

Tetradic

#23AF7B

#3523AF

#AF2357

#9DAF23

Color Blindness Simulation

Original

#23AF7B

Protanopia

#606188

Deuteranopia

#584D8B

Tritanopia

#2A9294

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F3FCF8
100
#E3F7F0
200
#C3F3E1
300
#99EBCC
400
#62E0B1
500
#2AD595
600
#22AA77
700
#1B8860
800
#156A4B
900
#134E38
950
#0C3123

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

7.49:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026