#00CC68

#00CC68

Color Values

HEX

#00CC68

RGB

0, 204, 104

HSL

150.6, 100.0%, 40.0%

HSV

150.6, 100.0%, 80.0%

CMYK

100.0%, 0.0%, 49.0%, 20.0%

OKLCH

0.7401 0.1956 151.8

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#00CC68

#CC0064

Analogous

#00CC02

#00CACC

#00CC68

Triadic

#00CC68

#6800CC

#CC6800

Split Complementary

#00CC68

#CC00CA

#CC0200

Tetradic

#00CC68

#0200CC

#CC0064

#CACC00

Color Blindness Simulation

Original

#00CC68

Protanopia

#585A80

Deuteranopia

#4C3D86

Tritanopia

#0A9398

Achromatopsia

#999999

CSS Usage

background-color: #00CC68;
color: #00CC68;
border-color: #00CC68;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F1FEF7
100
#DEFCED
200
#B8FFDC
300
#85FFC3
400
#42FFA3
500
#00FF82
600
#00CC68
700
#00A353
800
#008041
900
#055C31
950
#033A1F

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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