#048F56

#048F56

Color Values

HEX

#048F56

RGB

4, 143, 86

HSL

155,4, 94,6%, 28,8%

HSV

155,4, 97,2%, 56,1%

CMYK

97,2%, 0,0%, 39,9%, 43,9%

OKLCH

0,5723 0,1358 156,8

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#048F56

#8F043D

Analogous

#048F10

#04828F

#048F56

Triadic

#048F56

#56048F

#8F5604

Split Complementary

#048F56

#8F0482

#8F1004

Tetradic

#048F56

#10048F

#8F043D

#828F04

Color Blindness Simulation

Original

#048F56

Protanopia

#404164

Deuteranopia

#382E67

Tritanopia

#0B6F71

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F1FEF8
100
#DFFCF0
200
#BAFDE1
300
#88FCCC
400
#47FAB1
500
#07F895
600
#06C677
700
#049F5F
800
#037C4B
900
#075A38
950
#053923

Contrast Checker

Text on white

4,14: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