#856AAC

#856AAC

Color Values

HEX

#856AAC

RGB

133, 106, 172

HSL

264.5, 28.4%, 54.5%

HSV

264.5, 38.4%, 67.5%

CMYK

22.7%, 38.4%, 0.0%, 32.5%

OKLCH

0.5772 0.1029 302.1

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#856AAC

#91AC6A

Analogous

#6A70AC

#A66AAC

#856AAC

Triadic

#856AAC

#AC856A

#6AAC85

Split Complementary

#856AAC

#ACA66A

#70AC6A

Tetradic

#856AAC

#AC6A70

#91AC6A

#6AACA6

Color Blindness Simulation

Original

#856AAC

Protanopia

#79799C

Deuteranopia

#7B7D98

Tritanopia

#848F8D

Achromatopsia

#757575

CSS Usage

background-color: #856AAC;
color: #856AAC;
border-color: #856AAC;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F7F6F9
100
#ECE9F1
200
#D9D1E5
300
#BFB0D3
400
#9C86BB
500
#795BA4
600
#614983
700
#4D3A69
800
#3C2E52
900
#2E243D
950
#1D1726

Contrast Checker

Text on white

4.51:1

AA Pass AAA Fail

Text on black

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