#8470CD

#8470CD

Color Values

HEX

#8470CD

RGB

132, 112, 205

HSL

252.9, 48.2%, 62.2%

HSV

252.9, 45.4%, 80.4%

CMYK

35.6%, 45.4%, 0.0%, 19.6%

OKLCH

0.6052 0.1383 291.6

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#8470CD

#B9CD70

Analogous

#708BCD

#B370CD

#8470CD

Triadic

#8470CD

#CD8470

#70CD84

Split Complementary

#8470CD

#CDB370

#8BCD70

Tetradic

#8470CD

#CD708B

#B9CD70

#70CDB3

Color Blindness Simulation

Original

#8470CD

Protanopia

#7B7BB7

Deuteranopia

#7C7EB1

Tritanopia

#83A5A1

Achromatopsia

#7B7B7B

CSS Usage

background-color: #8470CD;
color: #8470CD;
border-color: #8470CD;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F6F4FA
100
#E9E6F4
200
#D1CAED
300
#B1A4DF
400
#8773CE
500
#5C42BD
600
#4A3597
700
#3B2A79
800
#2E215E
900
#241B45
950
#17112C

Contrast Checker

Text on white

4.05:1

AA Fail AAA Fail

Text on black

5.18:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026