#5564CE

#5564CE

Color Values

HEX

#5564CE

RGB

85, 100, 206

HSL

232.6, 55.3%, 57.1%

HSV

232.6, 58.7%, 80.8%

CMYK

58.7%, 51.5%, 0.0%, 19.2%

OKLCH

0.5472 0.1631 273.7

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#5564CE

#CEBF55

Analogous

#55A1CE

#8355CE

#5564CE

Triadic

#5564CE

#CE5564

#64CE55

Split Complementary

#5564CE

#CE8355

#A1CE55

Tetradic

#5564CE

#CE55A1

#CEBF55

#55CE83

Color Blindness Simulation

Original

#5564CE

Protanopia

#5B5CB4

Deuteranopia

#5B5AAE

Tritanopia

#56A09C

Achromatopsia

#686868

CSS Usage

background-color: #5564CE;
color: #5564CE;
border-color: #5564CE;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F4F5FB
100
#E5E7F6
200
#C8CCEF
300
#A0A8E4
400
#6C79D5
500
#394AC6
600
#2E3C9E
700
#24307F
800
#1C2563
900
#181E49
950
#0F132E

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

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