#0C9754

#0C9754

Color Values

HEX

#0C9754

RGB

12, 151, 84

HSL

151.1, 85.3%, 32.0%

HSV

151.1, 92.1%, 59.2%

CMYK

92.1%, 0.0%, 44.4%, 40.8%

OKLCH

0.5947 0.1471 154.0

Properties

Cool Light Nearest: springgreen 4

Color Harmonies

Complementary

#0C9754

#970C4F

Analogous

#0C970F

#0C9597

#0C9754

Triadic

#0C9754

#540C97

#97540C

Split Complementary

#0C9754

#970C95

#970F0C

Tetradic

#0C9754

#0F0C97

#970C4F

#95970C

Color Blindness Simulation

Original

#0C9754

Protanopia

#484964

Deuteranopia

#403668

Tritanopia

#137174

Achromatopsia

#757575

CSS Usage

background-color: #0C9754;
color: #0C9754;
border-color: #0C9754;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F2FDF8
100
#E0FAEE
200
#BDFADC
300
#8EF6C4
400
#50F1A4
500
#13EC83
600
#0FBD69
700
#0C9754
800
#097642
900
#0B5632
950
#07361F

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

5.57:1

AA Pass AAA Fail

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