#592F8C

#592F8C

Color Values

HEX

#592F8C

RGB

89, 47, 140

HSL

267.1, 49.7%, 36.7%

HSV

267.1, 66.4%, 54.9%

CMYK

36.4%, 66.4%, 0.0%, 45.1%

OKLCH

0.4094 0.1479 300.8

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#592F8C

#628C2F

Analogous

#2F348C

#882F8C

#592F8C

Triadic

#592F8C

#8C592F

#2F8C59

Split Complementary

#592F8C

#8C882F

#348C2F

Tetradic

#592F8C

#8C2F34

#628C2F

#2F8C88

Color Blindness Simulation

Original

#592F8C

Protanopia

#474676

Deuteranopia

#494C70

Tritanopia

#576460

Achromatopsia

#3F3F3F

CSS Usage

background-color: #592F8C;
color: #592F8C;
border-color: #592F8C;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F7F4FB
100
#ECE6F5
200
#DACAED
300
#BFA3E0
400
#9C72D0
500
#7940BF
600
#613399
700
#4E297A
800
#3D205F
900
#2E1B46
950
#1D112C

Contrast Checker

Text on white

9.5:1

AA Pass AAA Pass

Text on black

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