#8A70CF

#8A70CF

Color Values

HEX

#8A70CF

RGB

138, 112, 207

HSL

256.4, 49.7%, 62.5%

HSV

256.4, 45.9%, 81.2%

CMYK

33.3%, 45.9%, 0.0%, 18.8%

OKLCH

0.6117 0.1413 294.5

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#8A70CF

#B5CF70

Analogous

#7085CF

#B970CF

#8A70CF

Triadic

#8A70CF

#CF8A70

#70CF8A

Split Complementary

#8A70CF

#CFB970

#85CF70

Tetradic

#8A70CF

#CF7085

#B5CF70

#70CFB9

Color Blindness Simulation

Original

#8A70CF

Protanopia

#7F7FB8

Deuteranopia

#8082B2

Tritanopia

#89A6A2

Achromatopsia

#7C7C7C

CSS Usage

background-color: #8A70CF;
color: #8A70CF;
border-color: #8A70CF;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F6F4FB
100
#EAE6F5
200
#D3CAED
300
#B4A3E0
400
#8B72D0
500
#6340BF
600
#4F3399
700
#3F297A
800
#31205F
900
#271B46
950
#18112C

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

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