#596D81

#596D81

Color Values

HEX

#596D81

RGB

89, 109, 129

HSL

210.0, 18.3%, 42.7%

HSV

210.0, 31.0%, 50.6%

CMYK

31.0%, 15.5%, 0.0%, 49.4%

OKLCH

0.5261 0.0397 248.6

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#596D81

#816D59

Analogous

#598181

#595981

#596D81

Triadic

#596D81

#81596D

#6D8159

Split Complementary

#596D81

#815959

#818159

Tetradic

#596D81

#815981

#816D59

#598159

Color Blindness Simulation

Original

#596D81

Protanopia

#62627C

Deuteranopia

#605F7B

Tritanopia

#5A7878

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D5DBE2
300
#B7C2CD
400
#8FA1B2
500
#688097
600
#536679
700
#435261
800
#34404B
900
#283038
950
#1A1F24

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

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