#595DD3

#595DD3

Color Values

HEX

#595DD3

RGB

89, 93, 211

HSL

238.0, 58.1%, 58.8%

HSV

238.0, 57.8%, 82.7%

CMYK

57.8%, 55.9%, 0.0%, 17.3%

OKLCH

0.5403 0.178 277.2

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#595DD3

#D3CF59

Analogous

#599AD3

#9259D3

#595DD3

Triadic

#595DD3

#D3595D

#5DD359

Split Complementary

#595DD3

#D39259

#9AD359

Tetradic

#595DD3

#D3599A

#D3CF59

#59D392

Color Blindness Simulation

Original

#595DD3

Protanopia

#5B5BB6

Deuteranopia

#5A5AB0

Tritanopia

#59A09B

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E4E5F6
200
#C7C8F0
300
#9EA1E5
400
#6A6DD7
500
#353ACA
600
#2B2FA1
700
#222581
800
#1B1D65
900
#17194A
950
#0F102F

Contrast Checker

Text on white

5.34:1

AA Pass AAA Fail

Text on black

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