#478D84

#478D84

Color Values

HEX

#478D84

RGB

71, 141, 132

HSL

172.3, 33.0%, 41.6%

HSV

172.3, 49.6%, 55.3%

CMYK

49.6%, 0.0%, 6.4%, 44.7%

OKLCH

0.5952 0.0724 184.6

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#478D84

#8D4750

Analogous

#478D61

#47738D

#478D84

Triadic

#478D84

#84478D

#8D8447

Split Complementary

#478D84

#8D4773

#8D6147

Tetradic

#478D84

#61478D

#8D4750

#738D47

Color Blindness Simulation

Original

#478D84

Protanopia

#656686

Deuteranopia

#615C87

Tritanopia

#4A8888

Achromatopsia

#7D7D7D

CSS Usage

background-color: #478D84;
color: #478D84;
border-color: #478D84;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5F9F9
100
#E8F2F1
200
#D0E7E4
300
#AED6D1
400
#82C0B8
500
#55AA9F
600
#44887F
700
#376D66
800
#2B554F
900
#223F3B
950
#162825

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

5.41:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026