#535593

#535593

Color Values

HEX

#535593

RGB

83, 85, 147

HSL

238.1, 27.8%, 45.1%

HSV

238.1, 43.5%, 57.6%

CMYK

43.5%, 42.2%, 0.0%, 42.4%

OKLCH

0.477 0.0989 280.6

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#535593

#939153

Analogous

#537593

#715393

#535593

Triadic

#535593

#935355

#559353

Split Complementary

#535593

#937153

#759353

Tetradic

#535593

#935375

#939153

#539371

Color Blindness Simulation

Original

#535593

Protanopia

#545484

Deuteranopia

#545480

Tritanopia

#537876

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#E9E9F1
200
#D1D2E5
300
#B1B2D3
400
#8688BB
500
#5C5EA3
600
#4A4B82
700
#3B3C68
800
#2E2F51
900
#24253D
950
#171726

Contrast Checker

Text on white

6.8:1

AA Pass AAA Fail

Text on black

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