#477F85

#477F85

Color Values

HEX

#477F85

RGB

71, 127, 133

HSL

185.8, 30.4%, 40.0%

HSV

185.8, 46.6%, 52.2%

CMYK

46.6%, 4.5%, 0.0%, 47.8%

OKLCH

0.5604 0.0598 204.5

Properties

Cool Light Nearest: cadetblue 4

Color Harmonies

Complementary

#477F85

#854D47

Analogous

#47856C

#476085

#477F85

Triadic

#477F85

#85477F

#7F8547

Split Complementary

#477F85

#854760

#856C47

Tetradic

#477F85

#6C4785

#854D47

#608547

Color Blindness Simulation

Original

#477F85

Protanopia

#5F6084

Deuteranopia

#5C5883

Tritanopia

#4A8282

Achromatopsia

#747474

CSS Usage

background-color: #477F85;
color: #477F85;
border-color: #477F85;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5F9F9
100
#E9F1F2
200
#D0E4E6
300
#AFD1D4
400
#84B8BD
500
#599FA6
600
#477F85
700
#39666A
800
#2C4F53
900
#233B3E
950
#162527

Contrast Checker

Text on white

4.52:1

AA Pass AAA Fail

Text on black

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