#896485

#896485

Color Values

HEX

#896485

RGB

137, 100, 133

HSL

306.5, 15.6%, 46.5%

HSV

306.5, 27.0%, 53.7%

CMYK

0.0%, 27.0%, 2.9%, 46.3%

OKLCH

0.5524 0.0671 330.2

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#896485

#648968

Analogous

#7B6489

#896473

#896485

Triadic

#896485

#858964

#648589

Split Complementary

#896485

#738964

#64897B

Tetradic

#896485

#897B64

#648968

#647389

Color Blindness Simulation

Original

#896485

Protanopia

#79797D

Deuteranopia

#7B7E7B

Tritanopia

#877775

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#F0EBEF
200
#E1D6E0
300
#CBB8C9
400
#AF92AC
500
#936C8F
600
#765672
700
#5E455C
800
#4A3648
900
#372A36
950
#231A22

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

4.23:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026