#596A76

#596A76

Color Values

HEX

#596A76

RGB

89, 106, 118

HSL

204.8, 14.0%, 40.6%

HSV

204.8, 24.6%, 46.3%

CMYK

24.6%, 10.2%, 0.0%, 53.7%

OKLCH

0.5146 0.028 238.9

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#596A76

#766559

Analogous

#597674

#595C76

#596A76

Triadic

#596A76

#76596A

#6A7659

Split Complementary

#596A76

#76595C

#767459

Tetradic

#596A76

#745976

#766559

#5C7659

Color Blindness Simulation

Original

#596A76

Protanopia

#606173

Deuteranopia

#5F5E72

Tritanopia

#5A7170

Achromatopsia

#676767

CSS Usage

background-color: #596A76;
color: #596A76;
border-color: #596A76;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F8F8
100
#EBEEEF
200
#D6DCE0
300
#B9C3CA
400
#93A3AE
500
#6E8391
600
#586874
700
#46545D
800
#374149
900
#2A3237
950
#1B1F22

Contrast Checker

Text on white

5.6:1

AA Pass AAA Fail

Text on black

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