#896683

#896683

Color Values

HEX

#896683

RGB

137, 102, 131

HSL

310.3, 14.6%, 46.9%

HSV

310.3, 25.5%, 53.7%

CMYK

0.0%, 25.5%, 4.4%, 46.3%

OKLCH

0.5555 0.0612 332.4

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#896683

#66896C

Analogous

#7E6689

#896672

#896683

Triadic

#896683

#838966

#668389

Split Complementary

#896683

#728966

#66897E

Tetradic

#896683

#897E66

#66896C

#667289

Color Blindness Simulation

Original

#896683

Protanopia

#7A7A7C

Deuteranopia

#7C7E7A

Tritanopia

#877675

Achromatopsia

#707070

CSS Usage

background-color: #896683;
color: #896683;
border-color: #896683;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F6F8
100
#EFEBEF
200
#E1D6DF
300
#CBB9C8
400
#AE93AA
500
#926D8C
600
#755770
700
#5E4659
800
#493646
900
#372A35
950
#231B21

Contrast Checker

Text on white

4.89:1

AA Pass AAA Fail

Text on black

4.29:1

AA Fail 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