#5460CF

#5460CF

Color Values

HEX

#5460CF

RGB

84, 96, 207

HSL

234.1, 56.2%, 57.1%

HSV

234.1, 59.4%, 81.2%

CMYK

59.4%, 53.6%, 0.0%, 18.8%

OKLCH

0.5396 0.1699 274.6

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#5460CF

#CFC354

Analogous

#549ECF

#8654CF

#5460CF

Triadic

#5460CF

#CF5460

#60CF54

Split Complementary

#5460CF

#CF8654

#9ECF54

Tetradic

#5460CF

#CF549E

#CFC354

#54CF86

Color Blindness Simulation

Original

#5460CF

Protanopia

#5959B4

Deuteranopia

#5858AE

Tritanopia

#559F9A

Achromatopsia

#656565

CSS Usage

background-color: #5460CF;
color: #5460CF;
border-color: #5460CF;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F4FB
100
#E5E6F6
200
#C7CBEF
300
#9FA6E4
400
#6C76D6
500
#3846C7
600
#2D389F
700
#242D7F
800
#1C2364
900
#181D49
950
#0F122E

Contrast Checker

Text on white

5.31:1

AA Pass AAA Fail

Text on black

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