#474EB8

#474EB8

Color Values

HEX

#474EB8

RGB

71, 78, 184

HSL

236.3, 44.3%, 50.0%

HSV

236.3, 61.4%, 72.2%

CMYK

61.4%, 57.6%, 0.0%, 27.8%

OKLCH

0.4798 0.1648 275.4

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#474EB8

#B8B147

Analogous

#4786B8

#7947B8

#474EB8

Triadic

#474EB8

#B8474E

#4EB847

Split Complementary

#474EB8

#B87947

#86B847

Tetradic

#474EB8

#B84786

#B8B147

#47B879

Color Blindness Simulation

Original

#474EB8

Protanopia

#4A4A9E

Deuteranopia

#4A4998

Tritanopia

#478A86

Achromatopsia

#545454

CSS Usage

background-color: #474EB8;
color: #474EB8;
border-color: #474EB8;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F5FA
100
#E6E7F4
200
#CBCDEB
300
#A7AADD
400
#777CCA
500
#474EB8
600
#393E93
700
#2D3276
800
#24275C
900
#1D2044
950
#12142B

Contrast Checker

Text on white

6.89:1

AA Pass AAA Fail

Text on black

3.05:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026