#0CF780

#0CF780

Color Values

HEX

#0CF780

RGB

12, 247, 128

HSL

149,6, 93,6%, 50,8%

HSV

149,6, 95,1%, 96,9%

CMYK

95,1%, 0,0%, 48,2%, 3,1%

OKLCH

0,8553 0,2247 151,8

Properties

Cool Light Nearest: springgreen 2

Color Harmonies

Complementary

#0CF780

#F70C83

Analogous

#0EF70C

#0CF7F5

#0CF780

Triadic

#0CF780

#800CF7

#F7800C

Split Complementary

#0CF780

#F50CF7

#F70C0E

Tetradic

#0CF780

#0C0EF7

#F70C83

#F7F50C

Color Blindness Simulation

Original

#0CF780

Protanopia

#72749D

Deuteranopia

#6452A4

Tritanopia

#18B4B9

Achromatopsia

#BCBCBC

CSS Usage

background-color: #0CF780;
color: #0CF780;
border-color: #0CF780;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F1FDF7
100
#DFFBED
200
#BAFDDB
300
#89FBC1
400
#48F99F
500
#08F77E
600
#07C565
700
#059E51
800
#047B3F
900
#085930
950
#05381E

Contrast Checker

Text on white

1,44:1

AA Fail AAA Fail

Text on black

14,63:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026