#595CB2

#595CB2

Color Values

HEX

#595CB2

RGB

89, 92, 178

HSL

238,0, 36,6%, 52,4%

HSV

238,0, 50,0%, 69,8%

CMYK

50,0%, 48,3%, 0,0%, 30,2%

OKLCH

0,5153 0,1334 279,1

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#595CB2

#B2AF59

Analogous

#5989B2

#8359B2

#595CB2

Triadic

#595CB2

#B2595C

#5CB259

Split Complementary

#595CB2

#B28359

#89B259

Tetradic

#595CB2

#B25989

#B2AF59

#59B283

Color Blindness Simulation

Original

#595CB2

Protanopia

#5A5A9D

Deuteranopia

#5A5A98

Tritanopia

#598D89

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CECFE8
300
#ABADD8
400
#7E80C3
500
#5154AE
600
#41438B
700
#34366F
800
#282A57
900
#202240
950
#151529

Contrast Checker

Text on white

5,84:1

AA Pass AAA Fail

Text on black

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