#596FAE

#596FAE

Color Values

HEX

#596FAE

RGB

89, 111, 174

HSL

224.5, 34.4%, 51.6%

HSV

224.5, 48.9%, 68.2%

CMYK

48.9%, 36.2%, 0.0%, 31.8%

OKLCH

0.5524 0.1019 268.4

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#596FAE

#AE9859

Analogous

#599AAE

#6E59AE

#596FAE

Triadic

#596FAE

#AE596F

#6FAE59

Split Complementary

#596FAE

#AE6E59

#9AAE59

Tetradic

#596FAE

#AE599A

#AE9859

#59AE6E

Color Blindness Simulation

Original

#596FAE

Protanopia

#63639F

Deuteranopia

#61609B

Tritanopia

#5A9390

Achromatopsia

#6F6F6F

CSS Usage

background-color: #596FAE;
color: #596FAE;
border-color: #596FAE;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F6FA
100
#E8EBF2
200
#CFD5E8
300
#ADB8D7
400
#8091C1
500
#546AAB
600
#435589
700
#36446E
800
#2A3556
900
#21293F
950
#151A28

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

4.31:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026