HEX #5568D3 color — Indigo
The color #5568d3 is a dark shade and moderately saturated.
Palette
5568d3 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(231,59%,98%) |
#e3e6f8 |
rgb(227,230,248) |
hsl(231,59%,93%) |
#ced4f2 |
rgb(206,212,242) |
hsl(231,59%,88%) |
#bac2ed |
rgb(186,194,237) |
hsl(231,59%,83%) |
#a6b0e8 |
rgb(166,176,232) |
hsl(231,59%,78%) |
#929ee3 |
rgb(146,158,227) |
hsl(231,59%,73%) |
#7d8cde |
rgb(125,140,222) |
hsl(231,59%,68%) |
#697ad8 |
rgb(105,122,216) |
hsl(231,59%,63%) |
#5568d3 |
rgb(85,104,211) |
hsl(231,59%,58%) |
#4056ce |
rgb(64,86,206) |
hsl(231,59%,53%) |
#3248c3 |
rgb(50,72,195) |
hsl(231,59%,48%) |
#2d40ae |
rgb(45,64,174) |
hsl(231,59%,43%) |
#28399a |
rgb(40,57,154) |
hsl(231,59%,38%) |
#233186 |
rgb(35,49,134) |
hsl(231,59%,33%) |
#1d2a72 |
rgb(29,42,114) |
hsl(231,59%,28%) |
#18225d |
rgb(24,34,93) |
hsl(231,59%,23%) |
#131b49 |
rgb(19,27,73) |
hsl(231,59%,18%) |
#0e1335 |
rgb(14,19,53) |
hsl(231,59%,13%) |
#080c20 |
rgb(8,12,32) |
hsl(231,59%,8%) |
#03040c |
rgb(3,4,12) |
hsl(231,59%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#55BDD3 |
rgb(85,189,211) |
hsl(190,59%,58%) |
#5568D3 |
rgb(85,104,211) |
hsl(231,59%,58%) |
#9654D3 |
rgb(150,84,211) |
hsl(271,59%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A0ABE6 |
rgb(160,171,230) |
hsl(231,58%,76%) |
#7A8ADC |
rgb(122,138,220) |
hsl(230,58%,67%) |
#5568D3 |
rgb(85,104,211) |
hsl(231,59%,58%) |
#334AC5 |
rgb(51,74,197) |
hsl(231,59%,49%) |
#293B9F |
rgb(41,59,159) |
hsl(231,59%,39%) |
#1F2E7A |
rgb(31,46,122) |
hsl(230,59%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5568D3 |
rgb(85,104,211) |
hsl(231,59%,58%) |
#D38255 |
rgb(211,130,85) |
hsl(21,59%,58%) |
#A7D455 |
rgb(167,212,85) |
hsl(81,60%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5568D3 |
rgb(85,104,211) |
hsl(231,59%,58%) |
#D3BF55 |
rgb(211,191,85) |
hsl(50,59%,58%) |
#55A6D3 |
rgb(85,166,211) |
hsl(201,59%,58%) |
#A7D455 |
rgb(167,212,85) |
hsl(81,60%,58%) |