#48915A

#48915A

Color Values

HEX

#48915A

RGB

72, 145, 90

HSL

134.8, 33.6%, 42.5%

HSV

134.8, 50.3%, 56.9%

CMYK

50.3%, 0.0%, 37.9%, 43.1%

OKLCH

0.5947 0.1114 149.9

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#48915A

#91487F

Analogous

#5A9148

#48917E

#48915A

Triadic

#48915A

#5A4891

#915A48

Split Complementary

#48915A

#7E4891

#91485A

Tetradic

#48915A

#485A91

#91487F

#917E48

Color Blindness Simulation

Original

#48915A

Protanopia

#686867

Deuteranopia

#635E6A

Tritanopia

#4C7274

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E8F2EB
200
#CFE7D5
300
#ADD6B7
400
#81C091
500
#55AA6A
600
#448855
700
#366D44
800
#2A5535
900
#223F29
950
#15281A

Contrast Checker

Text on white

3.84:1

AA Fail AAA Fail

Text on black

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