#89087E

#89087E

Color Values

HEX

#89087E

RGB

137, 8, 126

HSL

305.1, 89.0%, 28.4%

HSV

305.1, 94.2%, 53.7%

CMYK

0.0%, 94.2%, 8.0%, 46.3%

OKLCH

0.4379 0.1918 332.7

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#89087E

#088913

Analogous

#530889

#89083D

#89087E

Triadic

#89087E

#7E8908

#087E89

Split Complementary

#89087E

#3D8908

#088953

Tetradic

#89087E

#895308

#088913

#083D89

Color Blindness Simulation

Original

#89087E

Protanopia

#515061

Deuteranopia

#59625B

Tritanopia

#834B46

Achromatopsia

#2C2C2C

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FBE0F8
200
#FBBCF6
300
#F88BEF
400
#F54DE6
500
#F10EDE
600
#C10BB1
700
#9A098E
800
#78076F
900
#570A51
950
#370633

Contrast Checker

Text on white

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