#596A85

#596A85

Color Values

HEX

#596A85

RGB

89, 106, 133

HSL

216.8, 19.8%, 43.5%

HSV

216.8, 33.1%, 52.2%

CMYK

33.1%, 20.3%, 0.0%, 47.8%

OKLCH

0.5208 0.0476 259.6

Properties

Cool Dark Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#596A85

#857459

Analogous

#598085

#5E5985

#596A85

Triadic

#596A85

#85596A

#6A8559

Split Complementary

#596A85

#855E59

#808559

Tetradic

#596A85

#855980

#857459

#59855E

Color Blindness Simulation

Original

#596A85

Protanopia

#60617E

Deuteranopia

#5F5E7D

Tritanopia

#5A7978

Achromatopsia

#686868

CSS Usage

background-color: #596A85;
color: #596A85;
border-color: #596A85;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F9
100
#EAECF0
200
#D4DAE2
300
#B6BFCE
400
#8E9CB3
500
#667A99
600
#52617A
700
#414E62
800
#333D4C
900
#282E39
950
#191D24

Contrast Checker

Text on white

5.49:1

AA Pass AAA Fail

Text on black

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