HEX #3557B0 color — Azure
The color #3557B0 is a dark shade and moderately saturated.
Palette
3557B0 color palette from light to dark
HEX |
RGB |
HSL |
#ebeff9 |
rgb(235,239,249) |
hsl(223,54%,95%) |
#d8e0f3 |
rgb(216,224,243) |
hsl(223,54%,90%) |
#c4d0ed |
rgb(196,208,237) |
hsl(223,54%,85%) |
#b0c0e8 |
rgb(176,192,232) |
hsl(223,54%,80%) |
#9db0e2 |
rgb(157,176,226) |
hsl(223,54%,75%) |
#89a1dc |
rgb(137,161,220) |
hsl(223,54%,70%) |
#7691d6 |
rgb(118,145,214) |
hsl(223,54%,65%) |
#6281d0 |
rgb(98,129,208) |
hsl(223,54%,60%) |
#4e71ca |
rgb(78,113,202) |
hsl(223,54%,55%) |
#3b62c4 |
rgb(59,98,196) |
hsl(223,54%,50%) |
#3558b1 |
rgb(53,88,177) |
hsl(223,54%,45%) |
#2f4e9d |
rgb(47,78,157) |
hsl(223,54%,40%) |
#294489 |
rgb(41,68,137) |
hsl(223,54%,35%) |
#233b76 |
rgb(35,59,118) |
hsl(223,54%,30%) |
#1d3162 |
rgb(29,49,98) |
hsl(223,54%,25%) |
#17274f |
rgb(23,39,79) |
hsl(223,54%,20%) |
#121d3b |
rgb(18,29,59) |
hsl(223,54%,15%) |
#0c1427 |
rgb(12,20,39) |
hsl(223,54%,10%) |
#060a14 |
rgb(6,10,20) |
hsl(223,54%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#35A8B0 |
rgb(53,168,176) |
hsl(184,54%,45%) |
#3557B0 |
rgb(53,87,176) |
hsl(223,54%,45%) |
#6536B0 |
rgb(101,54,176) |
hsl(263,53%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5F7DCE |
rgb(95,125,206) |
hsl(224,53%,59%) |
#4369C6 |
rgb(67,105,198) |
hsl(223,53%,52%) |
#3557B0 |
rgb(53,87,176) |
hsl(223,54%,45%) |
#2C4A93 |
rgb(44,74,147) |
hsl(223,54%,37%) |
#243B77 |
rgb(36,59,119) |
hsl(223,54%,30%) |
#1B2E5B |
rgb(27,46,91) |
hsl(222,54%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3557B0 |
rgb(53,87,176) |
hsl(223,54%,45%) |
#B05235 |
rgb(176,82,53) |
hsl(14,54%,45%) |
#94B035 |
rgb(148,176,53) |
hsl(74,54%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3557B0 |
rgb(53,87,176) |
hsl(223,54%,45%) |
#B08F35 |
rgb(176,143,53) |
hsl(44,54%,45%) |
#3594B0 |
rgb(53,148,176) |
hsl(194,54%,45%) |
#94B035 |
rgb(148,176,53) |
hsl(74,54%,45%) |