#470798

#470798

Color Values

HEX

#470798

RGB

71, 7, 152

HSL

266.5, 91.2%, 31.2%

HSV

266.5, 95.4%, 59.6%

CMYK

53.3%, 95.4%, 0.0%, 40.4%

OKLCH

0.3609 0.1959 292.2

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#470798

#589807

Analogous

#070F98

#900798

#470798

Triadic

#470798

#984707

#079847

Split Complementary

#470798

#989007

#0F9807

Tetradic

#470798

#98070F

#589807

#079890

Color Blindness Simulation

Original

#470798

Protanopia

#2B2B75

Deuteranopia

#2F346C

Tritanopia

#445953

Achromatopsia

#1F1F1F

CSS Usage

background-color: #470798;
color: #470798;
border-color: #470798;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F7F1FD
100
#ECDFFB
200
#D8BBFC
300
#BB8AFA
400
#974BF7
500
#720BF4
600
#5B09C3
700
#49079C
800
#39067A
900
#2C0958
950
#1C0538

Contrast Checker

Text on white

11.99:1

AA Pass AAA Pass

Text on black

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