#474E9F

#474E9F

Color Values

HEX

#474E9F

RGB

71, 78, 159

HSL

235.2, 38.3%, 45.1%

HSV

235.2, 55.3%, 62.4%

CMYK

55.3%, 50.9%, 0.0%, 37.6%

OKLCH

0.4612 0.1295 276.4

Properties

Cool Dark Nearest: darkslateblue

Color Harmonies

Complementary

#474E9F

#9F9847

Analogous

#477A9F

#6C479F

#474E9F

Triadic

#474E9F

#9F474E

#4E9F47

Split Complementary

#474E9F

#9F6C47

#7A9F47

Tetradic

#474E9F

#9F477A

#9F9847

#479F6C

Color Blindness Simulation

Original

#474E9F

Protanopia

#4A4A8B

Deuteranopia

#4A4987

Tritanopia

#477C79

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CED0E9
300
#AAAED9
400
#7D82C5
500
#4F56B0
600
#3F458D
700
#323771
800
#272B58
900
#202241
950
#141629

Contrast Checker

Text on white

7.35:1

AA Pass AAA Pass

Text on black

2.86:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026