#09C392

#09C392

Color Values

HEX

#09C392

RGB

9, 195, 146

HSL

164.2, 91.2%, 40.0%

HSV

164.2, 95.4%, 76.5%

CMYK

95.4%, 0.0%, 25.1%, 23.5%

OKLCH

0.7256 0.1481 166.7

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#09C392

#C3093A

Analogous

#09C335

#0997C3

#09C392

Triadic

#09C392

#9209C3

#C39209

Split Complementary

#09C392

#C30997

#C33509

Tetradic

#09C392

#3509C3

#C3093A

#97C309

Color Blindness Simulation

Original

#09C392

Protanopia

#5A5B9E

Deuteranopia

#4F41A1

Tritanopia

#12A7A9

Achromatopsia

#989898

CSS Usage

background-color: #09C392;
color: #09C392;
border-color: #09C392;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F1FDFA
100
#DFFBF4
200
#BBFCEB
300
#8AFADC
400
#4BF7C9
500
#0BF4B7
600
#09C392
700
#079C75
800
#067A5B
900
#095843
950
#05382A

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

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