#23BA6F

#23BA6F

Color Values

HEX

#23BA6F

RGB

35, 186, 111

HSL

150.2, 68.3%, 43.3%

HSV

150.2, 81.2%, 72.9%

CMYK

81.2%, 0.0%, 40.3%, 27.1%

OKLCH

0.6968 0.1629 155.1

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#23BA6F

#BA236E

Analogous

#23BA24

#23B9BA

#23BA6F

Triadic

#23BA6F

#6F23BA

#BA6F23

Split Complementary

#23BA6F

#BA23B9

#BA2423

Tetradic

#23BA6F

#2423BA

#BA236E

#B9BA23

Color Blindness Simulation

Original

#23BA6F

Protanopia

#646681

Deuteranopia

#5C5086

Tritanopia

#2B8F93

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E3F8ED
200
#C3F4DB
300
#98ECC2
400
#60E1A1
500
#28D780
600
#20AC66
700
#1A8952
800
#146B40
900
#134E31
950
#0C311F

Contrast Checker

Text on white

2.52:1

AA Fail AAA Fail

Text on black

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