#5453B2

#5453B2

Color Values

HEX

#5453B2

RGB

84, 83, 178

HSL

240.6, 38.2%, 51.2%

HSV

240.6, 53.4%, 69.8%

CMYK

52.8%, 53.4%, 0.0%, 30.2%

OKLCH

0.4941 0.147 280.0

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#5453B2

#B1B253

Analogous

#5382B2

#8453B2

#5453B2

Triadic

#5453B2

#B25453

#53B254

Split Complementary

#5453B2

#B28453

#82B253

Tetradic

#5453B2

#B25382

#B1B253

#53B284

Color Blindness Simulation

Original

#5453B2

Protanopia

#54549B

Deuteranopia

#545496

Tritanopia

#548985

Achromatopsia

#5A5A5A

CSS Usage

background-color: #5453B2;
color: #5453B2;
border-color: #5453B2;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F5FA
100
#E7E7F3
200
#CECEE9
300
#ABAAD9
400
#7D7DC5
500
#504FB0
600
#403F8D
700
#333271
800
#282758
900
#202041
950
#141429

Contrast Checker

Text on white

6.45:1

AA Pass AAA Fail

Text on black

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