#00CC70

#00CC70

Color Values

HEX

#00CC70

RGB

0, 204, 112

HSL

152.9, 100.0%, 40.0%

HSV

152.9, 100.0%, 80.0%

CMYK

100.0%, 0.0%, 45.1%, 20.0%

OKLCH

0.7414 0.1886 153.6

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#00CC70

#CC005C

Analogous

#00CC0A

#00C2CC

#00CC70

Triadic

#00CC70

#7000CC

#CC7000

Split Complementary

#00CC70

#CC00C2

#CC0A00

Tetradic

#00CC70

#0A00CC

#CC005C

#C2CC00

Color Blindness Simulation

Original

#00CC70

Protanopia

#585A86

Deuteranopia

#4C3D8C

Tritanopia

#0A989C

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F1FEF8
100
#DEFCEF
200
#B8FFDF
300
#85FFC8
400
#42FFAA
500
#00FF8C
600
#00CC70
700
#00A359
800
#008046
900
#055C35
950
#033A21

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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