#00CC18

#00CC18

Color Values

HEX

#00CC18

RGB

0, 204, 24

HSL

127.1, 100.0%, 40.0%

HSV

127.1, 100.0%, 80.0%

CMYK

100.0%, 0.0%, 88.2%, 20.0%

OKLCH

0.7328 0.2449 143.0

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#00CC18

#CC00B4

Analogous

#4ECC00

#00CC7E

#00CC18

Triadic

#00CC18

#1800CC

#CC1800

Split Complementary

#00CC18

#7E00CC

#CC004E

Tetradic

#00CC18

#004ECC

#CC00B4

#CC7E00

Color Blindness Simulation

Original

#00CC18

Protanopia

#585A44

Deuteranopia

#4C3D4E

Tritanopia

#0A666E

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F1FEF2
100
#DEFCE2
200
#B8FFC0
300
#85FF93
400
#42FF59
500
#00FF1E
600
#00CC18
700
#00A313
800
#00800F
900
#055C0F
950
#033A0A

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

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