#477BA4

#477BA4

Color Values

HEX

#477BA4

RGB

71, 123, 164

HSL

206.5, 39.6%, 46.1%

HSV

206.5, 56.7%, 64.3%

CMYK

56.7%, 25.0%, 0.0%, 35.7%

OKLCH

0.5641 0.0849 243.9

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#477BA4

#A47047

Analogous

#47A49F

#474CA4

#477BA4

Triadic

#477BA4

#A4477B

#7BA447

Split Complementary

#477BA4

#A4474C

#A49F47

Tetradic

#477BA4

#9F47A4

#A47047

#4CA447

Color Blindness Simulation

Original

#477BA4

Protanopia

#5E5E9A

Deuteranopia

#5A5798

Tritanopia

#4A9291

Achromatopsia

#737373

CSS Usage

background-color: #477BA4;
color: #477BA4;
border-color: #477BA4;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CDDDE9
300
#AAC5DA
400
#7BA5C6
500
#4D85B2
600
#3E6B8E
700
#315572
800
#274359
900
#1F3242
950
#14202A

Contrast Checker

Text on white

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