#0FD312

#0FD312

Color Values

HEX

#0FD312

RGB

15, 211, 18

HSL

120.9, 86.7%, 44.3%

HSV

120.9, 92.9%, 82.7%

CMYK

92.9%, 0.0%, 91.5%, 17.3%

OKLCH

0.7521 0.2518 142.6

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#0FD312

#D30FD0

Analogous

#6ED30F

#0FD374

#0FD312

Triadic

#0FD312

#120FD3

#D3120F

Split Complementary

#0FD312

#740FD3

#D30F6E

Tetradic

#0FD312

#0F6ED3

#D30FD0

#D3740F

Color Blindness Simulation

Original

#0FD312

Protanopia

#646641

Deuteranopia

#584A4C

Tritanopia

#19666E

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E0FAE0
200
#BCFABD
300
#8DF78E
400
#4FF251
500
#11EE14
600
#0EBE10
700
#0B980D
800
#08770A
900
#0B560C
950
#073607

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

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