#04B960

#04B960

Color Values

HEX

#04B960

RGB

4, 185, 96

HSL

150.5, 95.8%, 37.1%

HSV

150.5, 97.8%, 72.5%

CMYK

97.8%, 0.0%, 48.1%, 27.5%

OKLCH

0.6886 0.1795 152.2

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#04B960

#B9045D

Analogous

#04B905

#04B8B9

#04B960

Triadic

#04B960

#6004B9

#B96004

Split Complementary

#04B960

#B904B8

#B90504

Tetradic

#04B960

#0504B9

#B9045D

#B8B904

Color Blindness Simulation

Original

#04B960

Protanopia

#525476

Deuteranopia

#483A7B

Tritanopia

#0D878A

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F1FEF7
100
#DFFCED
200
#B9FEDC
300
#87FCC3
400
#46FBA2
500
#05FA82
600
#04C868
700
#03A053
800
#037D41
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