#856ED4

#856ED4

Color Values

HEX

#856ED4

RGB

133, 110, 212

HSL

253.5, 54.3%, 63.1%

HSV

253.5, 48.1%, 83.1%

CMYK

37.3%, 48.1%, 0.0%, 16.9%

OKLCH

0.6065 0.1509 291.6

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#856ED4

#BDD46E

Analogous

#6E8AD4

#B86ED4

#856ED4

Triadic

#856ED4

#D4856E

#6ED485

Split Complementary

#856ED4

#D4B86E

#8AD46E

Tetradic

#856ED4

#D46E8A

#BDD46E

#6ED4B8

Color Blindness Simulation

Original

#856ED4

Protanopia

#7B7BBB

Deuteranopia

#7C7EB5

Tritanopia

#84A8A4

Achromatopsia

#7A7A7A

CSS Usage

background-color: #856ED4;
color: #856ED4;
border-color: #856ED4;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F5F4FB
100
#E9E5F5
200
#D1C8EF
300
#B0A1E3
400
#846DD4
500
#593AC5
600
#482F9D
700
#39257E
800
#2D1D62
900
#231948
950
#16102E

Contrast Checker

Text on white

4.06:1

AA Fail AAA Fail

Text on black

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