#89087F

#89087F

Color Values

HEX

#89087F

RGB

137, 8, 127

HSL

304.7, 89.0%, 28.4%

HSV

304.7, 94.2%, 53.7%

CMYK

0.0%, 94.2%, 7.3%, 46.3%

OKLCH

0.4385 0.1925 332.3

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#89087F

#088912

Analogous

#530889

#89083E

#89087F

Triadic

#89087F

#7F8908

#087F89

Split Complementary

#89087F

#3E8908

#088953

Tetradic

#89087F

#895308

#088912

#083E89

Color Blindness Simulation

Original

#89087F

Protanopia

#515062

Deuteranopia

#59625B

Tritanopia

#834B46

Achromatopsia

#2C2C2C

CSS Usage

background-color: #89087F;
color: #89087F;
border-color: #89087F;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FDF2FC
100
#FBE0F9
200
#FBBCF6
300
#F88BF0
400
#F54DE7
500
#F10EDF
600
#C10BB3
700
#9A098F
800
#780770
900
#570A51
950
#370633

Contrast Checker

Text on white

8.73:1

AA Pass AAA Pass

Text on black

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