#592BD4

#592BD4

Color Values

HEX

#592BD4

RGB

89, 43, 212

HSL

256.3, 66.3%, 50.0%

HSV

256.3, 79.7%, 83.1%

CMYK

58.0%, 79.7%, 0.0%, 16.9%

OKLCH

0.4688 0.2343 285.4

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#592BD4

#A6D42B

Analogous

#2B52D4

#AD2BD4

#592BD4

Triadic

#592BD4

#D4592B

#2BD459

Split Complementary

#592BD4

#D4AD2B

#52D42B

Tetradic

#592BD4

#D42B52

#A6D42B

#2BD4AD

Color Blindness Simulation

Original

#592BD4

Protanopia

#4545AB

Deuteranopia

#484BA1

Tritanopia

#578B84

Achromatopsia

#414141

CSS Usage

background-color: #592BD4;
color: #592BD4;
border-color: #592BD4;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F5F3FC
100
#E9E3F7
200
#D0C4F3
300
#AF99EA
400
#8462DF
500
#592BD4
600
#4722AA
700
#391B88
800
#2C156A
900
#23144D
950
#160C31

Contrast Checker

Text on white

7.72:1

AA Pass AAA Pass

Text on black

2.72:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026