#0CC036

#0CC036

Color Values

HEX

#0CC036

RGB

12, 192, 54

HSL

134.0, 88.2%, 40.0%

HSV

134.0, 93.7%, 75.3%

CMYK

93.7%, 0.0%, 71.9%, 24.7%

OKLCH

0.7028 0.2191 144.9

Properties

Cool Light Nearest: RAL 6038 Luminous Green

Color Harmonies

Complementary

#0CC036

#C00C96

Analogous

#3CC00C

#0CC090

#0CC036

Triadic

#0CC036

#360CC0

#C0360C

Split Complementary

#0CC036

#900CC0

#C00C3C

Tetradic

#0CC036

#0C3CC0

#C00C96

#C0900C

Color Blindness Simulation

Original

#0CC036

Protanopia

#5A5C57

Deuteranopia

#50425F

Tritanopia

#157278

Achromatopsia

#909090

CSS Usage

background-color: #0CC036;
color: #0CC036;
border-color: #0CC036;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F2FDF4
100
#E0FBE6
200
#BCFBCB
300
#8CF8A5
400
#4DF474
500
#0FF044
600
#0CC036
700
#0A9A2B
800
#087822
900
#0A571C
950
#063712

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

8.61:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026