#048B41

#048B41

Color Values

HEX

#048B41

RGB

4, 139, 65

HSL

147.1, 94.4%, 28.0%

HSV

147.1, 97.1%, 54.5%

CMYK

97.1%, 0.0%, 53.2%, 45.5%

OKLCH

0.5573 0.1504 150.5

Properties

Cool Light Nearest: springgreen 4

Color Harmonies

Complementary

#048B41

#8B044E

Analogous

#0B8B04

#048B84

#048B41

Triadic

#048B41

#41048B

#8B4104

Split Complementary

#048B41

#84048B

#8B040B

Tetradic

#048B41

#040B8B

#8B044E

#8B8404

Color Blindness Simulation

Original

#048B41

Protanopia

#3E4053

Deuteranopia

#372C57

Tritanopia

#0B6164

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F1FDF7
100
#DFFBEC
200
#BAFDD8
300
#88FCBC
400
#48FA98
500
#07F874
600
#06C65D
700
#059F4A
800
#047C3A
900
#075A2C
950
#05391C

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

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026