#0CC161

#0CC161

Color Values

HEX

#0CC161

RGB

12, 193, 97

HSL

148,2, 88,3%, 40,2%

HSV

148,2, 93,8%, 75,7%

CMYK

93,8%, 0,0%, 49,7%, 24,3%

OKLCH

0,7105 0,1877 151,3

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#0CC161

#C10C6C

Analogous

#11C10C

#0CC1BC

#0CC161

Triadic

#0CC161

#610CC1

#C1610C

Split Complementary

#0CC161

#BC0CC1

#C10C11

Tetradic

#0CC161

#0C11C1

#C10C6C

#C1BC0C

Color Blindness Simulation

Original

#0CC161

Protanopia

#5A5C78

Deuteranopia

#50427E

Tritanopia

#158B8F

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E0FBEC
200
#BCFBD9
300
#8CF8BF
400
#4DF49C
500
#0FF079
600
#0CC061
700
#0A9A4D
800
#07783C
900
#0A572E
950
#06371D

Contrast Checker

Text on white

2,38:1

AA Fail AAA Fail

Text on black

8,82: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