#590222

#590222

Color Values

HEX

#590222

RGB

89, 2, 34

HSL

337.9, 95.6%, 17.8%

HSV

337.9, 97.8%, 34.9%

CMYK

0.0%, 97.8%, 61.8%, 65.1%

OKLCH

0.2989 0.1173 8.1

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#590222

#025939

Analogous

#59024D

#590D02

#590222

Triadic

#590222

#225902

#022259

Split Complementary

#590222

#02590D

#024D59

Tetradic

#590222

#4D5902

#025939

#0D0259

Color Blindness Simulation

Original

#590222

Protanopia

#33331A

Deuteranopia

#383F18

Tritanopia

#551413

Achromatopsia

#171717

CSS Usage

background-color: #590222;
color: #590222;
border-color: #590222;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FEF1F6
100
#FCDFE9
200
#FDB9D2
300
#FC87B2
400
#FB4689
500
#F9065F
600
#C8044C
700
#A0043D
800
#7D0330
900
#5A0725
950
#390418

Contrast Checker

Text on white

14.42:1

AA Pass AAA Pass

Text on black

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