#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