#048F55

#048F55

Color Values

HEX

#048F55

RGB

4, 143, 85

HSL

155.0, 94.6%, 28.8%

HSV

155.0, 97.2%, 56.1%

CMYK

97.2%, 0.0%, 40.6%, 43.9%

OKLCH

0.5721 0.1368 156.4

Properties

Cool Light Nearest: springgreen 4

Color Harmonies

Complementary

#048F55

#8F043E

Analogous

#048F10

#04838F

#048F55

Triadic

#048F55

#55048F

#8F5504

Split Complementary

#048F55

#8F0483

#8F1004

Tetradic

#048F55

#10048F

#8F043E

#838F04

Color Blindness Simulation

Original

#048F55

Protanopia

#404163

Deuteranopia

#382E66

Tritanopia

#0B6E71

Achromatopsia

#6D6D6D

CSS Usage

background-color: #048F55;
color: #048F55;
border-color: #048F55;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F1FEF8
100
#DFFCF0
200
#BAFDE1
300
#88FCCB
400
#47FAB0
500
#07F894
600
#06C676
700
#049F5E
800
#037C4A
900
#075A37
950
#053923

Contrast Checker

Text on white

4.15:1

AA Fail AAA Fail

Text on black

5.07:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026