#890475

#890475

Color Values

HEX

#890475

RGB

137, 4, 117

HSL

309.0, 94.3%, 27.6%

HSV

309.0, 97.1%, 53.7%

CMYK

0.0%, 97.1%, 14.6%, 46.3%

OKLCH

0.4312 0.1877 336.5

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#890475

#048918

Analogous

#5A0489

#890432

#890475

Triadic

#890475

#758904

#047589

Split Complementary

#890475

#328904

#04895A

Tetradic

#890475

#895A04

#048918

#043289

Color Blindness Simulation

Original

#890475

Protanopia

#4F4E5A

Deuteranopia

#576153

Tritanopia

#82443F

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF7
200
#FDBAF3
300
#FC88EA
400
#FA48DF
500
#F807D4
600
#C606A9
700
#9F0587
800
#7C046A
900
#5A074D
950
#390531

Contrast Checker

Text on white

8.98:1

AA Pass AAA Pass

Text on black

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