#596FE9

#596FE9

Color Values

HEX

#596FE9

RGB

89, 111, 233

HSL

230.8, 76.6%, 63.1%

HSV

230.8, 61.8%, 91.4%

CMYK

61.8%, 52.4%, 0.0%, 8.6%

OKLCH

0.5897 0.1848 271.9

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#596FE9

#E9D359

Analogous

#59B7E9

#8B59E9

#596FE9

Triadic

#596FE9

#E9596F

#6FE959

Split Complementary

#596FE9

#E98B59

#B7E959

Tetradic

#596FE9

#E959B7

#E9D359

#59E98B

Color Blindness Simulation

Original

#596FE9

Protanopia

#6363CC

Deuteranopia

#6160C4

Tritanopia

#5AB4AF

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F2F4FC
100
#E2E5F9
200
#C0C8F7
300
#93A1F1
400
#586FE9
500
#1E3CE1
600
#1830B4
700
#132690
800
#0F1E71
900
#0F1952
950
#0A1034

Contrast Checker

Text on white

4.31:1

AA Fail AAA Fail

Text on black

4.88:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026