#00DC9D

#00DC9D

Color Values

HEX

#00DC9D

RGB

0, 220, 157

HSL

162.8, 100.0%, 43.1%

HSV

162.8, 100.0%, 86.3%

CMYK

100.0%, 0.0%, 28.6%, 13.7%

OKLCH

0.7917 0.1692 163.8

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#00DC9D

#DC003F

Analogous

#00DC2F

#00ADDC

#00DC9D

Triadic

#00DC9D

#9D00DC

#DC9D00

Split Complementary

#00DC9D

#DC00AD

#DC2F00

Tetradic

#00DC9D

#2F00DC

#DC003F

#ADDC00

Color Blindness Simulation

Original

#00DC9D

Protanopia

#5F61AC

Deuteranopia

#5242B0

Tritanopia

#0BB8BB

Achromatopsia

#A9A9A9

CSS Usage

background-color: #00DC9D;
color: #00DC9D;
border-color: #00DC9D;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F1FEFA
100
#DEFCF4
200
#B8FFEB
300
#85FFDC
400
#42FFC9
500
#00FFB6
600
#00CC92
700
#00A374
800
#00805B
900
#055C43
950
#033A2A

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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