#4E877D

#4E877D

Color Values

HEX

#4E877D

RGB

78, 135, 125

HSL

169.5, 26.8%, 41.8%

HSV

169.5, 42.2%, 52.9%

CMYK

42.2%, 0.0%, 7.4%, 47.1%

OKLCH

0.5811 0.0624 181.5

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#4E877D

#874E58

Analogous

#4E8761

#4E7587

#4E877D

Triadic

#4E877D

#7D4E87

#877D4E

Split Complementary

#4E877D

#874E75

#87614E

Tetradic

#4E877D

#614E87

#874E58

#75874E

Color Blindness Simulation

Original

#4E877D

Protanopia

#67677F

Deuteranopia

#635F80

Tritanopia

#518182

Achromatopsia

#7A7A7A

CSS Usage

background-color: #4E877D;
color: #4E877D;
border-color: #4E877D;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F6F9F8
100
#E9F1F0
200
#D2E5E2
300
#B1D2CC
400
#87BAB1
500
#5DA296
600
#4B8178
700
#3C6760
800
#2F514B
900
#253C38
950
#172623

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

5.09:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026