#474BA0

#474BA0

Color Values

HEX

#474BA0

RGB

71, 75, 160

HSL

237.3, 38.5%, 45.3%

HSV

237.3, 55.6%, 62.7%

CMYK

55.6%, 53.1%, 0.0%, 37.3%

OKLCH

0.4559 0.1351 277.6

Properties

Cool Dark Nearest: darkslateblue

Color Harmonies

Complementary

#474BA0

#A09C47

Analogous

#4778A0

#7047A0

#474BA0

Triadic

#474BA0

#A0474B

#4BA047

Split Complementary

#474BA0

#A07047

#78A047

Tetradic

#474BA0

#A04778

#A09C47

#47A070

Color Blindness Simulation

Original

#474BA0

Protanopia

#49498B

Deuteranopia

#484886

Tritanopia

#477B78

Achromatopsia

#505050

CSS Usage

background-color: #474BA0;
color: #474BA0;
border-color: #474BA0;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CECFE9
300
#AAACD9
400
#7C80C5
500
#4E53B1
600
#3F428D
700
#323571
800
#272958
900
#202141
950
#141529

Contrast Checker

Text on white

7.55:1

AA Pass AAA Pass

Text on black

2.78:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026