#556CED

#556CED

Color Values

HEX

#556CED

RGB

85, 108, 237

HSL

230.9, 80.9%, 63.1%

HSV

230.9, 64.1%, 92.9%

CMYK

64.1%, 54.4%, 0.0%, 7.1%

OKLCH

0.5846 0.1949 271.4

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#556CED

#EDD655

Analogous

#55B8ED

#8A55ED

#556CED

Triadic

#556CED

#ED556C

#6CED55

Split Complementary

#556CED

#ED8A55

#B8ED55

Tetradic

#556CED

#ED55B8

#EDD655

#55ED8A

Color Blindness Simulation

Original

#556CED

Protanopia

#5F5FCE

Deuteranopia

#5E5CC6

Tritanopia

#56B5B0

Achromatopsia

#707070

CSS Usage

background-color: #556CED;
color: #556CED;
border-color: #556CED;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F2F4FD
100
#E1E5F9
200
#BEC7F8
300
#909FF3
400
#546BED
500
#1838E7
600
#132DB9
700
#102494
800
#0C1C73
900
#0D1854
950
#080F35

Contrast Checker

Text on white

4.42:1

AA Fail AAA Fail

Text on black

4.75:1

AA Pass 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