#473AE6

#473AE6

Color Values

HEX

#473AE6

RGB

71, 58, 230

HSL

244.5, 77.5%, 56.5%

HSV

244.5, 74.8%, 90.2%

CMYK

69.1%, 74.8%, 0.0%, 9.8%

OKLCH

0.4899 0.2447 275.8

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#473AE6

#D9E63A

Analogous

#3A83E6

#9D3AE6

#473AE6

Triadic

#473AE6

#E6473A

#3AE647

Split Complementary

#473AE6

#E69D3A

#83E63A

Tetradic

#473AE6

#E63A83

#D9E63A

#3AE69D

Color Blindness Simulation

Original

#473AE6

Protanopia

#4141BC

Deuteranopia

#4243B2

Tritanopia

#469B94

Achromatopsia

#494949

CSS Usage

background-color: #473AE6;
color: #473AE6;
border-color: #473AE6;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F2FC
100
#E3E1F9
200
#C4C0F7
300
#9992F1
400
#6258EA
500
#2C1DE2
600
#2317B5
700
#1C1291
800
#160E71
900
#140F52
950
#0C0934

Contrast Checker

Text on white

6.96:1

AA Pass AAA Fail

Text on black

3.02:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026