#595BAF

#595BAF

Color Values

HEX

#595BAF

RGB

89, 91, 175

HSL

238,6, 35,0%, 51,8%

HSV

238,6, 49,1%, 68,6%

CMYK

49,1%, 48,0%, 0,0%, 31,4%

OKLCH

0,5114 0,1305 279,7

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#595BAF

#AFAD59

Analogous

#5986AF

#8259AF

#595BAF

Triadic

#595BAF

#AF595B

#5BAF59

Split Complementary

#595BAF

#AF8259

#86AF59

Tetradic

#595BAF

#AF5986

#AFAD59

#59AF82

Color Blindness Simulation

Original

#595BAF

Protanopia

#5A5A9B

Deuteranopia

#5A5A96

Tritanopia

#598B87

Achromatopsia

#616161

CSS Usage

background-color: #595BAF;
color: #595BAF;
border-color: #595BAF;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E8E8F2
200
#CFCFE8
300
#ACADD7
400
#8081C2
500
#5355AC
600
#42448A
700
#35366E
800
#292A56
900
#212240
950
#151528

Contrast Checker

Text on white

5,93:1

AA Pass AAA Fail

Text on black

3,54: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