#5357AD

#5357AD

Color Values

HEX

#5357AD

RGB

83, 87, 173

HSL

237.3, 35.4%, 50.2%

HSV

237.3, 52.0%, 67.8%

CMYK

52.0%, 49.7%, 0.0%, 32.2%

OKLCH

0.4976 0.1345 278.3

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#5357AD

#ADA953

Analogous

#5384AD

#7C53AD

#5357AD

Triadic

#5357AD

#AD5357

#57AD53

Split Complementary

#5357AD

#AD7C53

#84AD53

Tetradic

#5357AD

#AD5384

#ADA953

#53AD7C

Color Blindness Simulation

Original

#5357AD

Protanopia

#555598

Deuteranopia

#545493

Tritanopia

#538884

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CFD0E8
300
#ACAED7
400
#7F82C2
500
#5256AD
600
#42458A
700
#35376E
800
#292B56
900
#212240
950
#151628

Contrast Checker

Text on white

6.3:1

AA Pass AAA Fail

Text on black

3.33:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026