#474091

#474091

Color Values

HEX

#474091

RGB

71, 64, 145

HSL

245.2, 38.8%, 41.0%

HSV

245.2, 55.9%, 56.9%

CMYK

51.0%, 55.9%, 0.0%, 43.1%

OKLCH

0.4236 0.1291 283.3

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#474091

#8A9140

Analogous

#406291

#704091

#474091

Triadic

#474091

#914740

#409147

Split Complementary

#474091

#917040

#629140

Tetradic

#474091

#914062

#8A9140

#409170

Color Blindness Simulation

Original

#474091

Protanopia

#44447D

Deuteranopia

#444579

Tritanopia

#476E6B

Achromatopsia

#474747

CSS Usage

background-color: #474091;
color: #474091;
border-color: #474091;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#D0CDE9
300
#AEAADA
400
#827CC5
500
#574EB1
600
#453E8E
700
#373271
800
#2B2758
900
#222041
950
#161429

Contrast Checker

Text on white

8.71:1

AA Pass AAA Pass

Text on black

2.41:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026