#23BA7E

#23BA7E

Color Values

HEX

#23BA7E

RGB

35, 186, 126

HSL

156.2, 68.3%, 43.3%

HSV

156.2, 81.2%, 72.9%

CMYK

81.2%, 0.0%, 32.3%, 27.1%

OKLCH

0.6999 0.1495 160.3

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#23BA7E

#BA235F

Analogous

#23BA33

#23AABA

#23BA7E

Triadic

#23BA7E

#7E23BA

#BA7E23

Split Complementary

#23BA7E

#BA23AA

#BA3323

Tetradic

#23BA7E

#3323BA

#BA235F

#AABA23

Color Blindness Simulation

Original

#23BA7E

Protanopia

#64668D

Deuteranopia

#5C5090

Tritanopia

#2B989A

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F3FCF8
100
#E3F8EF
200
#C3F4E0
300
#98ECCA
400
#60E1AE
500
#28D791
600
#20AC74
700
#1A895D
800
#146B49
900
#134E37
950
#0C3122

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

8.4: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