#476EB8

#476EB8

Color Values

HEX

#476EB8

RGB

71, 110, 184

HSL

219.3, 44.3%, 50.0%

HSV

219.3, 61.4%, 72.2%

CMYK

61.4%, 40.2%, 0.0%, 27.8%

OKLCH

0.5454 0.1242 262.1

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#476EB8

#B89147

Analogous

#47A6B8

#5947B8

#476EB8

Triadic

#476EB8

#B8476E

#6EB847

Split Complementary

#476EB8

#B85947

#A6B847

Tetradic

#476EB8

#B847A6

#B89147

#47B859

Color Blindness Simulation

Original

#476EB8

Protanopia

#5858A6

Deuteranopia

#5653A2

Tritanopia

#499895

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F4F6FA
100
#E6EBF4
200
#CBD6EB
300
#A7B9DD
400
#7794CA
500
#476EB8
600
#395893
700
#2D4676
800
#24375C
900
#1D2A44
950
#121B2B

Contrast Checker

Text on white

5.01:1

AA Pass AAA Fail

Text on black

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