#895187

#895187

Color Values

HEX

#895187

RGB

137, 81, 135

HSL

302.1, 25.7%, 42.7%

HSV

302.1, 40.9%, 53.7%

CMYK

0.0%, 40.9%, 1.5%, 46.3%

OKLCH

0.519 0.1056 328.2

Properties

Warm Dark Nearest: Razzmic Berry

Color Harmonies

Complementary

#895187

#518953

Analogous

#6F5189

#89516B

#895187

Triadic

#895187

#878951

#518789

Split Complementary

#895187

#6B8951

#51896F

Tetradic

#895187

#896F51

#518953

#516B89

Color Blindness Simulation

Original

#895187

Protanopia

#71707A

Deuteranopia

#747877

Tritanopia

#86706D

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F9F6F9
100
#F1E9F1
200
#E4D2E4
300
#D2B2D0
400
#B988B7
500
#A05F9E
600
#804C7E
700
#673D65
800
#502F4F
900
#3C253B
950
#261825

Contrast Checker

Text on white

5.85:1

AA Pass AAA Fail

Text on black

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