#10C712

#10C712

Color Values

HEX

#10C712

RGB

16, 199, 18

HSL

120.7, 85.1%, 42.2%

HSV

120.7, 92.0%, 78.0%

CMYK

92.0%, 0.0%, 91.0%, 22.0%

OKLCH

0.7201 0.2404 142.6

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#10C712

#C710C5

Analogous

#69C710

#10C76E

#10C712

Triadic

#10C712

#1210C7

#C71210

Split Complementary

#10C712

#6E10C7

#C71069

Tetradic

#10C712

#1069C7

#C710C5

#C76E10

Color Blindness Simulation

Original

#10C712

Protanopia

#5F613E

Deuteranopia

#554748

Tritanopia

#196068

Achromatopsia

#939393

CSS Usage

background-color: #10C712;
color: #10C712;
border-color: #10C712;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F2FDF2
100
#E0FAE1
200
#BDFABE
300
#8EF68F
400
#50F152
500
#13EC16
600
#0FBD11
700
#0C970E
800
#09760B
900
#0B560C
950
#073608

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

9.2:1

AA Pass AAA Pass

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026