#8C78DB

#8C78DB

Color Values

HEX

#8C78DB

RGB

140, 120, 219

HSL

252.1, 57.9%, 66.5%

HSV

252.1, 45.2%, 85.9%

CMYK

36.1%, 45.2%, 0.0%, 14.1%

OKLCH

0.6347 0.1454 291.0

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#8C78DB

#C7DB78

Analogous

#7896DB

#BE78DB

#8C78DB

Triadic

#8C78DB

#DB8C78

#78DB8C

Split Complementary

#8C78DB

#DBBE78

#96DB78

Tetradic

#8C78DB

#DB7896

#C7DB78

#78DBBE

Color Blindness Simulation

Original

#8C78DB

Protanopia

#8383C3

Deuteranopia

#8486BD

Tritanopia

#8BB0AC

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E8E4F6
200
#CFC7F0
300
#AD9EE5
400
#806AD7
500
#5336C9
600
#432BA1
700
#352281
800
#2A1B65
900
#21174A
950
#150F2F

Contrast Checker

Text on white

3.61:1

AA Fail AAA Fail

Text on black

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