#895686

#895686

Color Values

HEX

#895686

RGB

137, 86, 134

HSL

303.5, 22.9%, 43.7%

HSV

303.5, 37.2%, 53.7%

CMYK

0.0%, 37.2%, 2.2%, 46.3%

OKLCH

0.5271 0.0952 328.9

Properties

Warm Dark Nearest: Razzmic Berry

Color Harmonies

Complementary

#895686

#568959

Analogous

#725689

#89566C

#895686

Triadic

#895686

#868956

#568689

Split Complementary

#895686

#6C8956

#568972

Tetradic

#895686

#897256

#568959

#566C89

Color Blindness Simulation

Original

#895686

Protanopia

#73727A

Deuteranopia

#767A78

Tritanopia

#86716F

Achromatopsia

#646464

CSS Usage

background-color: #895686;
color: #895686;
border-color: #895686;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F9F6F9
100
#F1EAF0
200
#E3D3E3
300
#D0B4CE
400
#B68BB4
500
#9D6299
600
#7D4F7B
700
#643F62
800
#4E314D
900
#3A2639
950
#251824

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

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