#476CB8

#476CB8

Color Values

HEX

#476CB8

RGB

71, 108, 184

HSL

220.4, 44.3%, 50.0%

HSV

220.4, 61.4%, 72.2%

CMYK

61.4%, 41.3%, 0.0%, 27.8%

OKLCH

0.541 0.1265 263.2

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#476CB8

#B89347

Analogous

#47A4B8

#5B47B8

#476CB8

Triadic

#476CB8

#B8476C

#6CB847

Split Complementary

#476CB8

#B85B47

#A4B847

Tetradic

#476CB8

#B847A4

#B89347

#47B85B

Color Blindness Simulation

Original

#476CB8

Protanopia

#5757A6

Deuteranopia

#5552A1

Tritanopia

#499794

Achromatopsia

#6A6A6A

CSS Usage

background-color: #476CB8;
color: #476CB8;
border-color: #476CB8;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F4F6FA
100
#E6EBF4
200
#CBD6EB
300
#A7B8DD
400
#7792CA
500
#476CB8
600
#395693
700
#2D4576
800
#24365C
900
#1D2A44
950
#121A2B

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

4.11:1

AA Fail 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