#474A95

#474A95

Color Values

HEX

#474A95

RGB

71, 74, 149

HSL

237.7, 35.5%, 43.1%

HSV

237.7, 52.3%, 58.4%

CMYK

52.3%, 50.3%, 0.0%, 41.6%

OKLCH

0.4461 0.1204 278.6

Properties

Cool Dark Nearest: darkslateblue

Color Harmonies

Complementary

#474A95

#959247

Analogous

#477195

#6B4795

#474A95

Triadic

#474A95

#95474A

#4A9547

Split Complementary

#474A95

#956B47

#719547

Tetradic

#474A95

#954771

#959247

#47956B

Color Blindness Simulation

Original

#474A95

Protanopia

#484883

Deuteranopia

#48487E

Tritanopia

#477571

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CFD0E8
300
#ACAED8
400
#7F82C2
500
#5256AD
600
#42458A
700
#35376F
800
#292B56
900
#212240
950
#151628

Contrast Checker

Text on white

7.83:1

AA Pass AAA Pass

Text on black

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