#04B95F

#04B95F

Color Values

HEX

#04B95F

RGB

4, 185, 95

HSL

150.2, 95.8%, 37.1%

HSV

150.2, 97.8%, 72.5%

CMYK

97.8%, 0.0%, 48.6%, 27.5%

OKLCH

0.6885 0.1804 152.0

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#04B95F

#B9045E

Analogous

#04B905

#04B9B9

#04B95F

Triadic

#04B95F

#5F04B9

#B95F04

Split Complementary

#04B95F

#B904B9

#B90504

Tetradic

#04B95F

#0504B9

#B9045E

#B9B904

Color Blindness Simulation

Original

#04B95F

Protanopia

#525475

Deuteranopia

#483A7A

Tritanopia

#0D868A

Achromatopsia

#8C8C8C

CSS Usage

background-color: #04B95F;
color: #04B95F;
border-color: #04B95F;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F1FEF7
100
#DFFCED
200
#B9FEDC
300
#87FCC2
400
#46FBA1
500
#05FA80
600
#04C867
700
#03A052
800
#037D40
900
#075A31
950
#04391F

Contrast Checker

Text on white

2.59:1

AA Fail AAA Fail

Text on black

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