#0EC312

#0EC312

Color Values

HEX

#0EC312

RGB

14, 195, 18

HSL

121.3, 86.6%, 41.0%

HSV

121.3, 92.8%, 76.5%

CMYK

92.8%, 0.0%, 90.8%, 23.5%

OKLCH

0.7092 0.2368 142.7

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#0EC312

#C30EBF

Analogous

#65C30E

#0EC36C

#0EC312

Triadic

#0EC312

#120EC3

#C3120E

Split Complementary

#0EC312

#6C0EC3

#C30E65

Tetradic

#0EC312

#0E65C3

#C30EBF

#C36C0E

Color Blindness Simulation

Original

#0EC312

Protanopia

#5C5E3D

Deuteranopia

#524447

Tritanopia

#175F66

Achromatopsia

#909090

CSS Usage

background-color: #0EC312;
color: #0EC312;
border-color: #0EC312;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F2FDF2
100
#E0FAE1
200
#BCFABE
300
#8DF78F
400
#4FF252
500
#11EE16
600
#0EBE11
700
#0B980E
800
#09770B
900
#0B560C
950
#073608

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

8.83: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