#5358B3

#5358B3

Color Values

HEX

#5358B3

RGB

83, 88, 179

HSL

236.9, 38.7%, 51.4%

HSV

236.9, 53.6%, 70.2%

CMYK

53.6%, 50.8%, 0.0%, 29.8%

OKLCH

0.5037 0.1417 277.7

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#5358B3

#B3AE53

Analogous

#5388B3

#7E53B3

#5358B3

Triadic

#5358B3

#B35358

#58B353

Split Complementary

#5358B3

#B37E53

#88B353

Tetradic

#5358B3

#B35388

#B3AE53

#53B37E

Color Blindness Simulation

Original

#5358B3

Protanopia

#55559D

Deuteranopia

#555498

Tritanopia

#538C88

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CDCFE9
300
#AAADD9
400
#7C80C5
500
#4E53B1
600
#3F438D
700
#323571
800
#272A58
900
#202141
950
#141529

Contrast Checker

Text on white

6.15:1

AA Pass AAA Fail

Text on black

3.41:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026