#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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026