#896AB4

#896AB4

Color Values

HEX

#896AB4

RGB

137, 106, 180

HSL

265,1, 33,0%, 56,1%

HSV

265,1, 41,1%, 70,6%

CMYK

23,9%, 41,1%, 0,0%, 29,4%

OKLCH

0,5852 0,1146 302,3

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#896AB4

#95B46A

Analogous

#6A70B4

#AE6AB4

#896AB4

Triadic

#896AB4

#B4896A

#6AB489

Split Complementary

#896AB4

#B4AE6A

#70B46A

Tetradic

#896AB4

#B46A70

#95B46A

#6AB4AE

Color Blindness Simulation

Original

#896AB4

Protanopia

#7C7BA2

Deuteranopia

#7D809E

Tritanopia

#879491

Achromatopsia

#767676

CSS Usage

background-color: #896AB4;
color: #896AB4;
border-color: #896AB4;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F5F9
100
#ECE8F2
200
#D9D0E7
300
#BFAED6
400
#9C82C0
500
#7955AA
600
#614488
700
#4D376D
800
#3C2B55
900
#2E223F
950
#1D1628

Contrast Checker

Text on white

4,39:1

AA Fail AAA Fail

Text on black

4,78: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