#471F68

#471F68

Color Values

HEX

#471F68

RGB

71, 31, 104

HSL

272.9, 54.1%, 26.5%

HSV

272.9, 70.2%, 40.8%

CMYK

31.7%, 70.2%, 0.0%, 59.2%

OKLCH

0.3361 0.1236 305.9

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#471F68

#40681F

Analogous

#231F68

#681F65

#471F68

Triadic

#471F68

#68471F

#1F6847

Split Complementary

#471F68

#65681F

#1F6823

Tetradic

#471F68

#68231F

#40681F

#1F6568

Color Blindness Simulation

Original

#471F68

Protanopia

#363556

Deuteranopia

#383B52

Tritanopia

#454845

Achromatopsia

#2D2D2D

CSS Usage

background-color: #471F68;
color: #471F68;
border-color: #471F68;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F8F4FB
100
#EEE5F5
200
#DDC8EF
300
#C5A1E3
400
#A66ED4
500
#863BC4
600
#6B2F9D
700
#56257E
800
#431D62
900
#331948
950
#20102D

Contrast Checker

Text on white

12.62:1

AA Pass AAA Pass

Text on black

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