#59498E

#59498E

Color Values

HEX

#59498E

RGB

89, 73, 142

HSL

253.9, 32.1%, 42.2%

HSV

253.9, 48.6%, 55.7%

CMYK

37.3%, 48.6%, 0.0%, 44.3%

OKLCH

0.4551 0.1099 292.1

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#59498E

#7E8E49

Analogous

#495C8E

#7C498E

#59498E

Triadic

#59498E

#8E5949

#498E59

Split Complementary

#59498E

#8E7C49

#5C8E49

Tetradic

#59498E

#8E495C

#7E8E49

#498E7C

Color Blindness Simulation

Original

#59498E

Protanopia

#52527D

Deuteranopia

#535479

Tritanopia

#58706D

Achromatopsia

#515151

CSS Usage

background-color: #59498E;
color: #59498E;
border-color: #59498E;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F6F5F9
100
#EBE8F2
200
#D5D0E7
300
#B7AED5
400
#9082BF
500
#6A57A8
600
#544587
700
#44376C
800
#352B54
900
#29223E
950
#1A1627

Contrast Checker

Text on white

7.59:1

AA Pass AAA Pass

Text on black

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