#472670

#472670

Color Values

HEX

#472670

RGB

71, 38, 112

HSL

266.8, 49.3%, 29.4%

HSV

266.8, 66.1%, 43.9%

CMYK

36.6%, 66.1%, 0.0%, 56.1%

OKLCH

0.3528 0.1229 300.8

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#472670

#4F7026

Analogous

#262A70

#6C2670

#472670

Triadic

#472670

#704726

#267047

Split Complementary

#472670

#706C26

#2A7026

Tetradic

#472670

#70262A

#4F7026

#26706C

Color Blindness Simulation

Original

#472670

Protanopia

#39385E

Deuteranopia

#3B3D5A

Tritanopia

#45504D

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#ECE6F5
200
#D9CAED
300
#BFA4E0
400
#9C72CF
500
#7941BE
600
#613498
700
#4D297A
800
#3C205F
900
#2E1B46
950
#1D112C

Contrast Checker

Text on white

11.8:1

AA Pass AAA Pass

Text on black

1.78:1

AA Fail AAA Fail

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026