#595AAA

#595AAA

Color Values

HEX

#595AAA

RGB

89, 90, 170

HSL

239.3, 32.3%, 50.8%

HSV

239.3, 47.6%, 66.7%

CMYK

47.6%, 47.1%, 0.0%, 33.3%

OKLCH

0.5062 0.1247 280.4

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#595AAA

#AAA959

Analogous

#5982AA

#8159AA

#595AAA

Triadic

#595AAA

#AA595A

#5AAA59

Split Complementary

#595AAA

#AA8159

#82AA59

Tetradic

#595AAA

#AA5982

#AAA959

#59AA81

Color Blindness Simulation

Original

#595AAA

Protanopia

#595997

Deuteranopia

#595992

Tritanopia

#598784

Achromatopsia

#606060

CSS Usage

background-color: #595AAA;
color: #595AAA;
border-color: #595AAA;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5F9
100
#E8E8F2
200
#D0D0E7
300
#AEAED6
400
#8283BF
500
#5657A9
600
#454687
700
#37386C
800
#2B2C54
900
#22233F
950
#161627

Contrast Checker

Text on white

6.06:1

AA Pass AAA Fail

Text on black

3.47:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026