#856DD5

#856DD5

Color Values

HEX

#856DD5

RGB

133, 109, 213

HSL

253.8, 55.3%, 63.1%

HSV

253.8, 48.8%, 83.5%

CMYK

37.6%, 48.8%, 0.0%, 16.5%

OKLCH

0.6054 0.1537 291.8

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#856DD5

#BDD56D

Analogous

#6D89D5

#B96DD5

#856DD5

Triadic

#856DD5

#D5856D

#6DD585

Split Complementary

#856DD5

#D5B96D

#89D56D

Tetradic

#856DD5

#D56D89

#BDD56D

#6DD5B9

Color Blindness Simulation

Original

#856DD5

Protanopia

#7B7ABC

Deuteranopia

#7C7EB6

Tritanopia

#84A8A4

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E9E5F6
200
#D1C8EF
300
#B0A0E4
400
#846CD5
500
#5939C6
600
#482E9E
700
#39247F
800
#2D1C63
900
#231849
950
#160F2E

Contrast Checker

Text on white

4.08:1

AA Fail AAA Fail

Text on black

5.15:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026