#890485

#890485

Color Values

HEX

#890485

RGB

137, 4, 133

HSL

301.8, 94.3%, 27.6%

HSV

301.8, 97.1%, 53.7%

CMYK

0.0%, 97.1%, 2.9%, 46.3%

OKLCH

0.4409 0.1985 329.9

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#890485

#048908

Analogous

#4A0489

#890442

#890485

Triadic

#890485

#858904

#048589

Split Complementary

#890485

#428904

#04894A

Tetradic

#890485

#894A04

#048908

#044289

Color Blindness Simulation

Original

#890485

Protanopia

#4F4E66

Deuteranopia

#57615E

Tritanopia

#824D48

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FDBAFB
300
#FC88F8
400
#FA48F4
500
#F807F1
600
#C606C0
700
#9F059A
800
#7C0478
900
#5A0757
950
#390537

Contrast Checker

Text on white

8.68:1

AA Pass AAA Pass

Text on black

2.42:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026