HEX #5689C2 color — Steel Blue
The color #5689c2 is a light shade and moderately saturated.
Palette
5689c2 color palette from light to dark
HEX |
RGB |
HSL |
#ecf2f8 |
rgb(236,242,248) |
hsl(212,47%,95%) |
#dae5f1 |
rgb(218,229,241) |
hsl(212,47%,90%) |
#c7d8eb |
rgb(199,216,235) |
hsl(212,47%,85%) |
#b4cae4 |
rgb(180,202,228) |
hsl(212,47%,80%) |
#a1bddd |
rgb(161,189,221) |
hsl(212,47%,75%) |
#8fb0d6 |
rgb(143,176,214) |
hsl(212,47%,70%) |
#7ca3d0 |
rgb(124,163,208) |
hsl(212,47%,65%) |
#6996c9 |
rgb(105,150,201) |
hsl(212,47%,60%) |
#5689c2 |
rgb(86,137,194) |
hsl(212,47%,55%) |
#447cbb |
rgb(68,124,187) |
hsl(212,47%,50%) |
#3d6fa9 |
rgb(61,111,169) |
hsl(212,47%,45%) |
#366396 |
rgb(54,99,150) |
hsl(212,47%,40%) |
#2f5683 |
rgb(47,86,131) |
hsl(212,47%,35%) |
#294a70 |
rgb(41,74,112) |
hsl(212,47%,30%) |
#223e5e |
rgb(34,62,94) |
hsl(212,47%,25%) |
#1b314b |
rgb(27,49,75) |
hsl(212,47%,20%) |
#142538 |
rgb(20,37,56) |
hsl(212,47%,15%) |
#0e1925 |
rgb(14,25,37) |
hsl(212,47%,10%) |
#070c13 |
rgb(7,12,19) |
hsl(212,47%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#56C2B3 |
rgb(86,194,179) |
hsl(172,47%,55%) |
#5689C2 |
rgb(86,137,194) |
hsl(212,47%,55%) |
#6B57C2 |
rgb(107,87,194) |
hsl(251,47%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#97B8D9 |
rgb(151,184,217) |
hsl(210,46%,72%) |
#76A1CD |
rgb(118,161,205) |
hsl(210,47%,63%) |
#5689C2 |
rgb(86,137,194) |
hsl(212,47%,55%) |
#3E73AC |
rgb(62,115,172) |
hsl(211,47%,46%) |
#325C8B |
rgb(50,92,139) |
hsl(212,47%,37%) |
#26476A |
rgb(38,71,106) |
hsl(211,47%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#5689C2 |
rgb(86,137,194) |
hsl(212,47%,55%) |
#C25956 |
rgb(194,89,86) |
hsl(2,47%,55%) |
#BFC256 |
rgb(191,194,86) |
hsl(62,47%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5689C2 |
rgb(86,137,194) |
hsl(212,47%,55%) |
#C28F56 |
rgb(194,143,86) |
hsl(32,47%,55%) |
#56BFC2 |
rgb(86,191,194) |
hsl(182,47%,55%) |
#BFC256 |
rgb(191,194,86) |
hsl(62,47%,55%) |