#048952

#048952

Color Values

HEX

#048952

RGB

4, 137, 82

HSL

155,2, 94,3%, 27,6%

HSV

155,2, 97,1%, 53,7%

CMYK

97,1%, 0,0%, 40,1%, 46,3%

OKLCH

0,5548 0,1318 156,7

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#048952

#89043B

Analogous

#048910

#047D89

#048952

Triadic

#048952

#520489

#895204

Split Complementary

#048952

#89047D

#891004

Tetradic

#048952

#100489

#89043B

#7D8904

Color Blindness Simulation

Original

#048952

Protanopia

#3E3F5F

Deuteranopia

#362C62

Tritanopia

#0B6A6C

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F1FDF8
100
#DFFBF0
200
#BAFDE1
300
#88FCCC
400
#48FAB0
500
#07F894
600
#06C677
700
#059F5F
800
#047C4A
900
#075A38
950
#053923

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

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