#896DD5

#896DD5

Color Values

HEX

#896DD5

RGB

137, 109, 213

HSL

256.2, 55.3%, 63.1%

HSV

256.2, 48.8%, 83.5%

CMYK

35.7%, 48.8%, 0.0%, 16.5%

OKLCH

0.609 0.1539 293.7

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#896DD5

#B9D56D

Analogous

#6D85D5

#BD6DD5

#896DD5

Triadic

#896DD5

#D5896D

#6DD589

Split Complementary

#896DD5

#D5BD6D

#85D56D

Tetradic

#896DD5

#D56D85

#B9D56D

#6DD5BD

Color Blindness Simulation

Original

#896DD5

Protanopia

#7D7DBC

Deuteranopia

#7E81B6

Tritanopia

#88A8A4

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F6F4FB
100
#E9E5F6
200
#D2C8EF
300
#B2A0E4
400
#896CD5
500
#5F39C6
600
#4C2E9E
700
#3D247F
800
#301C63
900
#251849
950
#180F2E

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

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