HEX #556EBD color — Indigo
The color #556EBD is a dark shade and moderately saturated.
Palette
556EBD color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(226,44%,99%) |
#e9ecf6 |
rgb(233,236,246) |
hsl(226,44%,94%) |
#d7dcef |
rgb(215,220,239) |
hsl(226,44%,89%) |
#c4cde8 |
rgb(196,205,232) |
hsl(226,44%,84%) |
#b2bde1 |
rgb(178,189,225) |
hsl(226,44%,79%) |
#a0adda |
rgb(160,173,218) |
hsl(226,44%,74%) |
#8d9dd3 |
rgb(141,157,211) |
hsl(226,44%,69%) |
#7b8ecc |
rgb(123,142,204) |
hsl(226,44%,64%) |
#687ec4 |
rgb(104,126,196) |
hsl(226,44%,59%) |
#566ebd |
rgb(86,110,189) |
hsl(226,44%,54%) |
#4660b4 |
rgb(70,96,180) |
hsl(226,44%,49%) |
#3f56a2 |
rgb(63,86,162) |
hsl(226,44%,44%) |
#384c8f |
rgb(56,76,143) |
hsl(226,44%,39%) |
#31427d |
rgb(49,66,125) |
hsl(226,44%,34%) |
#29396a |
rgb(41,57,106) |
hsl(226,44%,29%) |
#222f58 |
rgb(34,47,88) |
hsl(226,44%,24%) |
#1b2546 |
rgb(27,37,70) |
hsl(226,44%,19%) |
#141b33 |
rgb(20,27,51) |
hsl(226,44%,14%) |
#0d1221 |
rgb(13,18,33) |
hsl(226,44%,9%) |
#06080f |
rgb(6,8,15) |
hsl(226,44%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#55B3BD |
rgb(85,179,189) |
hsl(186,44%,54%) |
#556EBD |
rgb(85,110,189) |
hsl(226,44%,54%) |
#8154BD |
rgb(129,84,189) |
hsl(266,44%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#94A3D5 |
rgb(148,163,213) |
hsl(226,44%,71%) |
#748AC9 |
rgb(116,138,201) |
hsl(224,44%,62%) |
#556EBD |
rgb(85,110,189) |
hsl(226,44%,54%) |
#4059A5 |
rgb(64,89,165) |
hsl(225,44%,45%) |
#344786 |
rgb(52,71,134) |
hsl(226,44%,36%) |
#273866 |
rgb(39,56,102) |
hsl(224,45%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#556EBD |
rgb(85,110,189) |
hsl(226,44%,54%) |
#BD7055 |
rgb(189,112,85) |
hsl(16,44%,54%) |
#A2BD55 |
rgb(162,189,85) |
hsl(76,44%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556EBD |
rgb(85,110,189) |
hsl(226,44%,54%) |
#BDA355 |
rgb(189,163,85) |
hsl(45,44%,54%) |
#55A3BD |
rgb(85,163,189) |
hsl(195,44%,54%) |
#A2BD55 |
rgb(162,189,85) |
hsl(76,44%,54%) |