#5359B3

#5359B3

Color Values

HEX

#5359B3

RGB

83, 89, 179

HSL

236.2, 38.7%, 51.4%

HSV

236.2, 53.6%, 70.2%

CMYK

53.6%, 50.3%, 0.0%, 29.8%

OKLCH

0.5057 0.1403 277.3

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#5359B3

#B3AD53

Analogous

#5389B3

#7D53B3

#5359B3

Triadic

#5359B3

#B35359

#59B353

Split Complementary

#5359B3

#B37D53

#89B353

Tetradic

#5359B3

#B35389

#B3AD53

#53B37D

Color Blindness Simulation

Original

#5359B3

Protanopia

#56569D

Deuteranopia

#555598

Tritanopia

#538C88

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CDCFE9
300
#AAADD9
400
#7C81C5
500
#4E54B1
600
#3F448D
700
#323671
800
#272A58
900
#202241
950
#141529

Contrast Checker

Text on white

6.09:1

AA Pass AAA Fail

Text on black

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