#0CCF71

#0CCF71

Color Values

HEX

#0CCF71

RGB

12, 207, 113

HSL

151,1, 89,0%, 42,9%

HSV

151,1, 94,2%, 81,2%

CMYK

94,2%, 0,0%, 45,4%, 18,8%

OKLCH

0,75 0,1905 153,2

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#0CCF71

#CF0C6A

Analogous

#0CCF10

#0CCBCF

#0CCF71

Triadic

#0CCF71

#710CCF

#CF710C

Split Complementary

#0CCF71

#CF0CCB

#CF100C

Tetradic

#0CCF71

#100CCF

#CF0C6A

#CBCF0C

Color Blindness Simulation

Original

#0CCF71

Protanopia

#606288

Deuteranopia

#55468D

Tritanopia

#169A9E

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F2FDF8
100
#E0FBEE
200
#BCFBDC
300
#8BF8C4
400
#4DF5A4
500
#0EF184
600
#0BC169
700
#099A54
800
#077842
900
#0A5732
950
#06371F

Contrast Checker

Text on white

2,06:1

AA Fail AAA Fail

Text on black

10,18:1

AA Pass AAA Pass

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026