#89418C

#89418C

Color Values

HEX

#89418C

RGB

137, 65, 140

HSL

297.6, 36.6%, 40.2%

HSV

297.6, 53.6%, 54.9%

CMYK

2.1%, 53.6%, 0.0%, 45.1%

OKLCH

0.4965 0.1391 325.9

Properties

Cool Dark Nearest: orchid 4

Color Harmonies

Complementary

#89418C

#448C41

Analogous

#64418C

#8C416A

#89418C

Triadic

#89418C

#8C8941

#418C89

Split Complementary

#89418C

#6A8C41

#418C64

Tetradic

#89418C

#8C6441

#448C41

#416A8C

Color Blindness Simulation

Original

#89418C

Protanopia

#6A697A

Deuteranopia

#6E7376

Tritanopia

#856C68

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F2E8F3
200
#E7CEE8
300
#D6ABD8
400
#C07EC3
500
#AA51AE
600
#88418B
700
#6D346F
800
#552857
900
#3F2040
950
#281529

Contrast Checker

Text on white

6.57:1

AA Pass AAA Fail

Text on black

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