#470685

#470685

Color Values

HEX

#470685

RGB

71, 6, 133

HSL

270.7, 91.4%, 27.3%

HSV

270.7, 95.5%, 52.2%

CMYK

46.6%, 95.5%, 0.0%, 47.8%

OKLCH

0.3401 0.178 297.9

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#470685

#448506

Analogous

#070685

#850684

#470685

Triadic

#470685

#854706

#068547

Split Complementary

#470685

#848506

#068507

Tetradic

#470685

#850706

#448506

#068485

Color Blindness Simulation

Original

#470685

Protanopia

#2B2A66

Deuteranopia

#2F335F

Tritanopia

#444E49

Achromatopsia

#1D1D1D

CSS Usage

background-color: #470685;
color: #470685;
border-color: #470685;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F7F1FD
100
#EDDFFB
200
#DCBBFC
300
#C38AFA
400
#A34AF7
500
#820BF4
600
#6809C3
700
#53079C
800
#41057A
900
#310958
950
#1F0538

Contrast Checker

Text on white

12.86:1

AA Pass AAA Pass

Text on black

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