#8070D2

#8070D2

Color Values

HEX

#8070D2

RGB

128, 112, 210

HSL

249.8, 52.1%, 63.1%

HSV

249.8, 46.7%, 82.4%

CMYK

39.0%, 46.7%, 0.0%, 17.6%

OKLCH

0.6046 0.1452 288.8

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#8070D2

#C2D270

Analogous

#7091D2

#B170D2

#8070D2

Triadic

#8070D2

#D28070

#70D280

Split Complementary

#8070D2

#D2B170

#91D270

Tetradic

#8070D2

#D27091

#C2D270

#70D2B1

Color Blindness Simulation

Original

#8070D2

Protanopia

#7979BA

Deuteranopia

#7A7BB5

Tritanopia

#7FA8A3

Achromatopsia

#7A7A7A

CSS Usage

background-color: #8070D2;
color: #8070D2;
border-color: #8070D2;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F4FB
100
#E8E5F5
200
#CFC9EE
300
#ACA2E2
400
#806FD2
500
#533DC2
600
#42319B
700
#35277C
800
#291F61
900
#211A47
950
#15102D

Contrast Checker

Text on white

4.06:1

AA Fail AAA Fail

Text on black

5.17:1

AA Pass 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