#896BB3

#896BB3

Color Values

HEX

#896BB3

RGB

137, 107, 179

HSL

265.0, 32.1%, 56.1%

HSV

265.0, 40.2%, 70.2%

CMYK

23.5%, 40.2%, 0.0%, 29.8%

OKLCH

0.5865 0.1116 302.3

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#896BB3

#95B36B

Analogous

#6B71B3

#AD6BB3

#896BB3

Triadic

#896BB3

#B3896B

#6BB389

Split Complementary

#896BB3

#B3AD6B

#71B36B

Tetradic

#896BB3

#B36B71

#95B36B

#6BB3AD

Color Blindness Simulation

Original

#896BB3

Protanopia

#7C7CA2

Deuteranopia

#7E809D

Tritanopia

#889491

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F7F5F9
100
#ECE8F2
200
#D9D0E7
300
#BFAED5
400
#9C82BF
500
#7957A8
600
#614587
700
#4D376C
800
#3C2B54
900
#2E223E
950
#1D1627

Contrast Checker

Text on white

4.36:1

AA Fail AAA Fail

Text on black

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