#04F180

#04F180

Color Values

HEX

#04F180

RGB

4, 241, 128

HSL

151.4, 96.7%, 48.0%

HSV

151.4, 98.3%, 94.5%

CMYK

98.3%, 0.0%, 46.9%, 5.5%

OKLCH

0.8397 0.2182 152.5

Properties

Cool Light Nearest: springgreen 2

Color Harmonies

Complementary

#04F180

#F10475

Analogous

#04F10A

#04EBF1

#04F180

Triadic

#04F180

#8004F1

#F18004

Split Complementary

#04F180

#F104EB

#F10A04

Tetradic

#04F180

#0A04F1

#F10475

#EBF104

Color Blindness Simulation

Original

#04F180

Protanopia

#6B6D9B

Deuteranopia

#5D4BA2

Tritanopia

#10B1B6

Achromatopsia

#B6B6B6

CSS Usage

background-color: #04F180;
color: #04F180;
border-color: #04F180;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F1FEF8
100
#DEFCEE
200
#B9FEDD
300
#87FDC5
400
#45FCA5
500
#04FB85
600
#03C96B
700
#03A155
800
#027D43
900
#065B32
950
#043920

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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