#04C852

#04C852

Color Values

HEX

#04C852

RGB

4, 200, 82

HSL

143.9, 96.1%, 40.0%

HSV

143.9, 98.0%, 78.4%

CMYK

98.0%, 0.0%, 59.0%, 21.6%

OKLCH

0.7266 0.209 148.1

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#04C852

#C8047A

Analogous

#18C804

#04C8B4

#04C852

Triadic

#04C852

#5204C8

#C85204

Split Complementary

#04C852

#B404C8

#C80418

Tetradic

#04C852

#0418C8

#C8047A

#C8B404

Color Blindness Simulation

Original

#04C852

Protanopia

#595B6F

Deuteranopia

#4E3F75

Tritanopia

#0E858A

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F1FEF6
100
#DFFCEA
200
#B9FED4
300
#87FDB6
400
#46FB8E
500
#05FA67
600
#04C852
700
#03A042
800
#027D33
900
#075A28
950
#043919

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

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