#048902

#048902

Color Values

HEX

#048902

RGB

4, 137, 2

HSL

119.1, 97.1%, 27.3%

HSV

119.1, 98.5%, 53.7%

CMYK

97.1%, 0.0%, 98.5%, 46.3%

OKLCH

0.5464 0.1847 142.4

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#048902

#870289

Analogous

#488902

#028944

#048902

Triadic

#048902

#020489

#890204

Split Complementary

#048902

#440289

#890248

Tetradic

#048902

#024889

#870289

#894402

Color Blindness Simulation

Original

#048902

Protanopia

#3E3F23

Deuteranopia

#362C2A

Tritanopia

#0B3C42

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F1FEF1
100
#DFFCDE
200
#BAFEB9
300
#88FD86
400
#48FC45
500
#07FB04
600
#06C903
700
#05A102
800
#047E02
900
#075B06
950
#053904

Contrast Checker

Text on white

4.58:1

AA Pass AAA Fail

Text on black

4.58:1

AA Pass AAA Fail

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