#890473

#890473

Color Values

HEX

#890473

RGB

137, 4, 115

HSL

309.9, 94.3%, 27.6%

HSV

309.9, 97.1%, 53.7%

CMYK

0.0%, 97.1%, 16.1%, 46.3%

OKLCH

0.4301 0.1864 337.4

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#890473

#04891A

Analogous

#5C0489

#890430

#890473

Triadic

#890473

#738904

#047389

Split Complementary

#890473

#308904

#04895C

Tetradic

#890473

#895C04

#04891A

#043089

Color Blindness Simulation

Original

#890473

Protanopia

#4F4E58

Deuteranopia

#576152

Tritanopia

#82433E

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#FDF1FB
100
#FBDFF7
200
#FDBAF2
300
#FC88E8
400
#FA48DC
500
#F807D0
600
#C606A6
700
#9F0585
800
#7C0468
900
#5A074C
950
#390530

Contrast Checker

Text on white

9.02:1

AA Pass AAA Pass

Text on black

2.33:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026