#592A76

#592A76

Color Values

HEX

#592A76

RGB

89, 42, 118

HSL

277.1, 47.5%, 31.4%

HSV

277.1, 64.4%, 46.3%

CMYK

24.6%, 64.4%, 0.0%, 53.7%

OKLCH

0.386 0.1292 310.2

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#592A76

#47762A

Analogous

#332A76

#762A6D

#592A76

Triadic

#592A76

#76592A

#2A7659

Split Complementary

#592A76

#6D762A

#2A7633

Tetradic

#592A76

#76332A

#47762A

#2A6D76

Color Blindness Simulation

Original

#592A76

Protanopia

#454464

Deuteranopia

#474B5F

Tritanopia

#575552

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F8F4FA
100
#EFE6F4
200
#DFCAEC
300
#C9A5DF
400
#AB74CD
500
#8E43BC
600
#713696
700
#5B2B78
800
#47215E
900
#351C45
950
#22122C

Contrast Checker

Text on white

10.41:1

AA Pass AAA Pass

Text on black

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