#595FE4

#595FE4

Color Values

HEX

#595FE4

RGB

89, 95, 228

HSL

237.4, 72.0%, 62.2%

HSV

237.4, 61.0%, 89.4%

CMYK

61.0%, 58.3%, 0.0%, 10.6%

OKLCH

0.5567 0.198 275.9

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#595FE4

#E4DE59

Analogous

#59A5E4

#9959E4

#595FE4

Triadic

#595FE4

#E4595F

#5FE459

Split Complementary

#595FE4

#E49959

#A5E459

Tetradic

#595FE4

#E459A5

#E4DE59

#59E499

Color Blindness Simulation

Original

#595FE4

Protanopia

#5C5CC4

Deuteranopia

#5B5BBC

Tritanopia

#59AAA5

Achromatopsia

#676767

CSS Usage

background-color: #595FE4;
color: #595FE4;
border-color: #595FE4;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F3FC
100
#E2E3F8
200
#C2C4F5
300
#969AEE
400
#5D63E5
500
#242CDB
600
#1D23AF
700
#171C8C
800
#12166E
900
#111450
950
#0B0C32

Contrast Checker

Text on white

5.02:1

AA Pass AAA Fail

Text on black

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