#09C393

#09C393

Color Values

HEX

#09C393

RGB

9, 195, 147

HSL

164.5, 91.2%, 40.0%

HSV

164.5, 95.4%, 76.5%

CMYK

95.4%, 0.0%, 24.6%, 23.5%

OKLCH

0.7258 0.1473 167.2

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#09C393

#C30939

Analogous

#09C336

#0996C3

#09C393

Triadic

#09C393

#9309C3

#C39309

Split Complementary

#09C393

#C30996

#C33609

Tetradic

#09C393

#3609C3

#C30939

#96C309

Color Blindness Simulation

Original

#09C393

Protanopia

#5A5B9F

Deuteranopia

#4F41A1

Tritanopia

#12A8AA

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F1FDFA
100
#DFFBF4
200
#BBFCEB
300
#8AFADD
400
#4BF7CA
500
#0BF4B8
600
#09C393
700
#079C76
800
#067A5C
900
#095844
950
#05382B

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

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