#596CE8

#596CE8

Color Values

HEX

#596CE8

RGB

89, 108, 232

HSL

232.0, 75.7%, 62.9%

HSV

232.0, 61.6%, 91.0%

CMYK

61.6%, 53.4%, 0.0%, 9.0%

OKLCH

0.5833 0.1872 272.7

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#596CE8

#E8D559

Analogous

#59B3E8

#8D59E8

#596CE8

Triadic

#596CE8

#E8596C

#6CE859

Split Complementary

#596CE8

#E88D59

#B3E859

Tetradic

#596CE8

#E859B3

#E8D559

#59E88D

Color Blindness Simulation

Original

#596CE8

Protanopia

#6161CA

Deuteranopia

#605FC3

Tritanopia

#5AB2AD

Achromatopsia

#717171

CSS Usage

background-color: #596CE8;
color: #596CE8;
border-color: #596CE8;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F2F4FC
100
#E2E5F9
200
#C0C7F6
300
#93A0F0
400
#596CE8
500
#1F39E0
600
#192DB3
700
#14248F
800
#0F1C70
900
#0F1851
950
#0A0F33

Contrast Checker

Text on white

4.44:1

AA Fail AAA Fail

Text on black

4.74:1

AA Pass 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