#0CF312

#0CF312

Color Values

HEX

#0CF312

RGB

12, 243, 18

HSL

121.6, 90.6%, 50.0%

HSV

121.6, 95.1%, 95.3%

CMYK

95.1%, 0.0%, 92.6%, 4.7%

OKLCH

0.8361 0.2814 142.6

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#0CF312

#F30CED

Analogous

#79F30C

#0CF386

#0CF312

Triadic

#0CF312

#120CF3

#F3120C

Split Complementary

#0CF312

#860CF3

#F30C79

Tetradic

#0CF312

#0C79F3

#F30CED

#F3860C

Color Blindness Simulation

Original

#0CF312

Protanopia

#707248

Deuteranopia

#635155

Tritanopia

#18737D

Achromatopsia

#B2B2B2

CSS Usage

background-color: #0CF312;
color: #0CF312;
border-color: #0CF312;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F1FDF2
100
#DFFBE0
200
#BBFCBD
300
#8AF98D
400
#4BF650
500
#0CF312
600
#0AC20F
700
#089C0C
800
#067A09
900
#09580B
950
#063807

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

13.84:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026