#04B253

#04B253

Color Values

HEX

#04B253

RGB

4, 178, 83

HSL

147.2, 95.6%, 35.7%

HSV

147.2, 97.8%, 69.8%

CMYK

97.8%, 0.0%, 53.4%, 30.2%

OKLCH

0.6678 0.1825 150.1

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#04B253

#B20463

Analogous

#0CB204

#04B2AA

#04B253

Triadic

#04B253

#5304B2

#B25304

Split Complementary

#04B253

#AA04B2

#B2040C

Tetradic

#04B253

#040CB2

#B20463

#B2AA04

Color Blindness Simulation

Original

#04B253

Protanopia

#4F516A

Deuteranopia

#453870

Tritanopia

#0D7C80

Achromatopsia

#868686

CSS Usage

background-color: #04B253;
color: #04B253;
border-color: #04B253;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F1FEF7
100
#DFFCEC
200
#B9FDD8
300
#87FCBC
400
#46FB98
500
#06F974
600
#04C85D
700
#04A04A
800
#037D3A
900
#075A2D
950
#04391C

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

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