#472B69

#472B69

Color Values

HEX

#472B69

RGB

71, 43, 105

HSL

267,1, 41,9%, 29,0%

HSV

267,1, 59,0%, 41,2%

CMYK

32,4%, 59,0%, 0,0%, 58,8%

OKLCH

0,3558 0,1056 302,2

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#472B69

#4D692B

Analogous

#2B2E69

#662B69

#472B69

Triadic

#472B69

#69472B

#2B6947

Split Complementary

#472B69

#69662B

#2E692B

Tetradic

#472B69

#692B2E

#4D692B

#2B6966

Color Blindness Simulation

Original

#472B69

Protanopia

#3B3B5A

Deuteranopia

#3C3F56

Tritanopia

#464E4C

Achromatopsia

#353535

CSS Usage

background-color: #472B69;
color: #472B69;
border-color: #472B69;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F7F5FA
100
#EDE7F4
200
#DACCEA
300
#BFA8DB
400
#9D79C8
500
#7A4AB5
600
#623B91
700
#4E2F74
800
#3D255A
900
#2F1E43
950
#1D132A

Contrast Checker

Text on white

11,55:1

AA Pass AAA Pass

Text on black

1,82: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