#8266AE

#8266AE

Color Values

HEX

#8266AE

RGB

130, 102, 174

HSL

263.3, 30.8%, 54.1%

HSV

263.3, 41.4%, 68.2%

CMYK

25.3%, 41.4%, 0.0%, 31.8%

OKLCH

0.5679 0.1118 300.8

Properties

Cool Dark Nearest: Violet (Purple)

Color Harmonies

Complementary

#8266AE

#92AE66

Analogous

#666EAE

#A666AE

#8266AE

Triadic

#8266AE

#AE8266

#66AE82

Split Complementary

#8266AE

#AEA666

#6EAE66

Tetradic

#8266AE

#AE666E

#92AE66

#66AEA6

Color Blindness Simulation

Original

#8266AE

Protanopia

#76769D

Deuteranopia

#787A98

Tritanopia

#818F8C

Achromatopsia

#717171

CSS Usage

background-color: #8266AE;
color: #8266AE;
border-color: #8266AE;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F7F5F9
100
#ECE8F2
200
#D9D0E6
300
#BEAFD5
400
#9A84BE
500
#7758A7
600
#5F4785
700
#4C386B
800
#3B2C53
900
#2D233E
950
#1D1627

Contrast Checker

Text on white

4.71:1

AA Pass AAA Fail

Text on black

4.46:1

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