#00DC2F

#00DC2F

Color Values

HEX

#00DC2F

RGB

0, 220, 47

HSL

132.8, 100.0%, 43.1%

HSV

132.8, 100.0%, 86.3%

CMYK

100.0%, 0.0%, 78.6%, 13.7%

OKLCH

0.7764 0.252 144.0

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#00DC2F

#DC00AD

Analogous

#3FDC00

#00DC9D

#00DC2F

Triadic

#00DC2F

#2F00DC

#DC2F00

Split Complementary

#00DC2F

#9D00DC

#DC003F

Tetradic

#00DC2F

#003FDC

#DC00AD

#DC9D00

Color Blindness Simulation

Original

#00DC2F

Protanopia

#5F6159

Deuteranopia

#524263

Tritanopia

#0B7A81

Achromatopsia

#A1A1A1

CSS Usage

background-color: #00DC2F;
color: #00DC2F;
border-color: #00DC2F;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F1FEF4
100
#DEFCE4
200
#B8FFC7
300
#85FF9F
400
#42FF6B
500
#00FF36
600
#00CC2C
700
#00A323
800
#00801B
900
#055C17
950
#033A0F

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

11.28:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026