HEX #3563B0 color — Azure
The color #3563B0 is a dark shade and moderately saturated.
Palette
3563B0 color palette from light to dark
HEX |
RGB |
HSL |
#ebf0f9 |
rgb(235,240,249) |
hsl(218,54%,95%) |
#d8e2f3 |
rgb(216,226,243) |
hsl(218,54%,90%) |
#c4d3ed |
rgb(196,211,237) |
hsl(218,54%,85%) |
#b0c5e8 |
rgb(176,197,232) |
hsl(218,54%,80%) |
#9db6e2 |
rgb(157,182,226) |
hsl(218,54%,75%) |
#89a7dc |
rgb(137,167,220) |
hsl(218,54%,70%) |
#7699d6 |
rgb(118,153,214) |
hsl(218,54%,65%) |
#628ad0 |
rgb(98,138,208) |
hsl(218,54%,60%) |
#4e7cca |
rgb(78,124,202) |
hsl(218,54%,55%) |
#3b6dc4 |
rgb(59,109,196) |
hsl(218,54%,50%) |
#3562b1 |
rgb(53,98,177) |
hsl(218,54%,45%) |
#2f579d |
rgb(47,87,157) |
hsl(218,54%,40%) |
#294c89 |
rgb(41,76,137) |
hsl(218,54%,35%) |
#234176 |
rgb(35,65,118) |
hsl(218,54%,30%) |
#1d3762 |
rgb(29,55,98) |
hsl(218,54%,25%) |
#172c4f |
rgb(23,44,79) |
hsl(218,54%,20%) |
#12213b |
rgb(18,33,59) |
hsl(218,54%,15%) |
#0c1627 |
rgb(12,22,39) |
hsl(218,54%,10%) |
#060b14 |
rgb(6,11,20) |
hsl(218,54%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#35B0AB |
rgb(53,176,171) |
hsl(178,54%,45%) |
#3563B0 |
rgb(53,99,176) |
hsl(218,54%,45%) |
#5936B0 |
rgb(89,54,176) |
hsl(257,53%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5F8ACE |
rgb(95,138,206) |
hsl(217,53%,59%) |
#4375C6 |
rgb(67,117,198) |
hsl(217,53%,52%) |
#3563B0 |
rgb(53,99,176) |
hsl(218,54%,45%) |
#2C5493 |
rgb(44,84,147) |
hsl(217,54%,37%) |
#244277 |
rgb(36,66,119) |
hsl(218,54%,30%) |
#1B335B |
rgb(27,51,91) |
hsl(218,54%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3563B0 |
rgb(53,99,176) |
hsl(218,54%,45%) |
#B04535 |
rgb(176,69,53) |
hsl(8,54%,45%) |
#A0B035 |
rgb(160,176,53) |
hsl(68,54%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3563B0 |
rgb(53,99,176) |
hsl(218,54%,45%) |
#B08235 |
rgb(176,130,53) |
hsl(38,54%,45%) |
#35A1B0 |
rgb(53,161,176) |
hsl(187,54%,45%) |
#A0B035 |
rgb(160,176,53) |
hsl(68,54%,45%) |