#048A3D

#048A3D

Color Values

HEX

#048A3D

RGB

4, 138, 61

HSL

145.5, 94.4%, 27.8%

HSV

145.5, 97.1%, 54.1%

CMYK

97.1%, 0.0%, 55.8%, 45.9%

OKLCH

0.5538 0.1527 149.6

Properties

Cool Light Nearest: springgreen 4

Color Harmonies

Complementary

#048A3D

#8A0451

Analogous

#0E8A04

#048A80

#048A3D

Triadic

#048A3D

#3D048A

#8A3D04

Split Complementary

#048A3D

#80048A

#8A040E

Tetradic

#048A3D

#040E8A

#8A0451

#8A8004

Color Blindness Simulation

Original

#048A3D

Protanopia

#3E3F50

Deuteranopia

#362C54

Tritanopia

#0B5E62

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F1FDF6
100
#DFFBEB
200
#BAFDD6
300
#88FCB9
400
#48FA93
500
#07F86D
600
#06C658
700
#059F46
800
#047C37
900
#075A2A
950
#05391B

Contrast Checker

Text on white

4.46:1

AA Fail AAA Fail

Text on black

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