#0CF314

#0CF314

Color Values

HEX

#0CF314

RGB

12, 243, 20

HSL

122.1, 90.6%, 50.0%

HSV

122.1, 95.1%, 95.3%

CMYK

95.1%, 0.0%, 91.8%, 4.7%

OKLCH

0.8361 0.281 142.7

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#0CF314

#F30CEB

Analogous

#77F30C

#0CF388

#0CF314

Triadic

#0CF314

#140CF3

#F3140C

Split Complementary

#0CF314

#880CF3

#F30C77

Tetradic

#0CF314

#0C77F3

#F30CEB

#F3880C

Color Blindness Simulation

Original

#0CF314

Protanopia

#70724A

Deuteranopia

#635157

Tritanopia

#18757E

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F1FDF2
100
#DFFBE0
200
#BBFCBD
300
#8AF98E
400
#4BF651
500
#0CF314
600
#0AC210
700
#089C0D
800
#067A0A
900
#09580C
950
#063807

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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