#048B3E

#048B3E

Color Values

HEX

#048B3E

RGB

4, 139, 62

HSL

145.8, 94.4%, 28.0%

HSV

145.8, 97.1%, 54.5%

CMYK

97.1%, 0.0%, 55.4%, 45.5%

OKLCH

0.5568 0.1531 149.8

Properties

Cool Light Nearest: springgreen 4

Color Harmonies

Complementary

#048B3E

#8B0451

Analogous

#0D8B04

#048B81

#048B3E

Triadic

#048B3E

#3E048B

#8B3E04

Split Complementary

#048B3E

#81048B

#8B040D

Tetradic

#048B3E

#040D8B

#8B0451

#8B8104

Color Blindness Simulation

Original

#048B3E

Protanopia

#3E4051

Deuteranopia

#372C55

Tritanopia

#0B5F63

Achromatopsia

#696969

CSS Usage

background-color: #048B3E;
color: #048B3E;
border-color: #048B3E;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F1FDF6
100
#DFFBEB
200
#BAFDD7
300
#88FCBA
400
#48FA94
500
#07F86F
600
#06C659
700
#059F47
800
#047C37
900
#075A2B
950
#05391B

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

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