#864EC8

#864EC8

Color Values

HEX

#864EC8

RGB

134, 78, 200

HSL

267.5, 52.6%, 54.5%

HSV

267.5, 61.0%, 78.4%

CMYK

33.0%, 61.0%, 0.0%, 21.6%

OKLCH

0.5481 0.1833 301.8

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#864EC8

#90C84E

Analogous

#4E53C8

#C34EC8

#864EC8

Triadic

#864EC8

#C8864E

#4EC886

Split Complementary

#864EC8

#C8C34E

#53C84E

Tetradic

#864EC8

#C84E53

#90C84E

#4EC8C3

Color Blindness Simulation

Original

#864EC8

Protanopia

#6E6DAB

Deuteranopia

#7175A3

Tritanopia

#83938E

Achromatopsia

#636363

CSS Usage

background-color: #864EC8;
color: #864EC8;
border-color: #864EC8;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F4FB
100
#ECE5F5
200
#DAC9EE
300
#BFA2E2
400
#9D6FD2
500
#7A3CC3
600
#62309C
700
#4E277D
800
#3D1E61
900
#2F1A47
950
#1D102D

Contrast Checker

Text on white

5.33:1

AA Pass AAA Fail

Text on black

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