#8178C3

#8178C3

Color Values

HEX

#8178C3

RGB

129, 120, 195

HSL

247.2, 38.5%, 61.8%

HSV

247.2, 38.5%, 76.5%

CMYK

33.8%, 38.5%, 0.0%, 23.5%

OKLCH

0.6122 0.112 288.1

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#8178C3

#BAC378

Analogous

#7895C3

#A778C3

#8178C3

Triadic

#8178C3

#C38178

#78C381

Split Complementary

#8178C3

#C3A778

#95C378

Tetradic

#8178C3

#C37895

#BAC378

#78C3A7

Color Blindness Simulation

Original

#8178C3

Protanopia

#7D7DB1

Deuteranopia

#7E7EAC

Tritanopia

#81A39F

Achromatopsia

#7F7F7F

CSS Usage

background-color: #8178C3;
color: #8178C3;
border-color: #8178C3;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F5FA
100
#E9E7F3
200
#D1CEE9
300
#B0AAD9
400
#857CC5
500
#5A4EB1
600
#483F8D
700
#3A3271
800
#2D2758
900
#242041
950
#171429

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

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