#0CF350

#0CF350

Color Values

HEX

#0CF350

RGB

12, 243, 80

HSL

137.7, 90.6%, 50.0%

HSV

137.7, 95.1%, 95.3%

CMYK

95.1%, 0.0%, 67.1%, 4.7%

OKLCH

0.8393 0.2565 145.8

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#0CF350

#F30CAF

Analogous

#3BF30C

#0CF3C4

#0CF350

Triadic

#0CF350

#500CF3

#F3500C

Split Complementary

#0CF350

#C40CF3

#F30C3B

Tetradic

#0CF350

#0C3BF3

#F30CAF

#F3C40C

Color Blindness Simulation

Original

#0CF350

Protanopia

#707277

Deuteranopia

#635181

Tritanopia

#18979D

Achromatopsia

#B6B6B6

CSS Usage

background-color: #0CF350;
color: #0CF350;
border-color: #0CF350;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F1FDF5
100
#DFFBE8
200
#BBFCCE
300
#8AF9AB
400
#4BF67E
500
#0CF350
600
#0AC240
700
#089C33
800
#067A28
900
#095820
950
#063814

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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