HEX #3B62B0 color — Azure
The color #3b62b0 is a dark shade and moderately saturated.
Palette
3b62b0 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3fa |
rgb(240,243,250) |
hsl(220,50%,96%) |
#dde4f4 |
rgb(221,228,244) |
hsl(220,50%,91%) |
#c9d5ed |
rgb(201,213,237) |
hsl(220,50%,86%) |
#b6c6e7 |
rgb(182,198,231) |
hsl(220,50%,81%) |
#a3b8e0 |
rgb(163,184,224) |
hsl(220,50%,76%) |
#90a9da |
rgb(144,169,218) |
hsl(220,50%,71%) |
#7d9ad4 |
rgb(125,154,212) |
hsl(220,50%,66%) |
#6a8bcd |
rgb(106,139,205) |
hsl(220,50%,61%) |
#577cc7 |
rgb(87,124,199) |
hsl(220,50%,56%) |
#446dc1 |
rgb(68,109,193) |
hsl(220,50%,51%) |
#3b62b0 |
rgb(59,98,176) |
hsl(220,50%,46%) |
#34579d |
rgb(52,87,157) |
hsl(220,50%,41%) |
#2e4c8a |
rgb(46,76,138) |
hsl(220,50%,36%) |
#284277 |
rgb(40,66,119) |
hsl(220,50%,31%) |
#213763 |
rgb(33,55,99) |
hsl(220,50%,26%) |
#1b2d50 |
rgb(27,45,80) |
hsl(220,50%,21%) |
#14223d |
rgb(20,34,61) |
hsl(220,50%,16%) |
#0e172a |
rgb(14,23,42) |
hsl(220,50%,11%) |
#080d17 |
rgb(8,13,23) |
hsl(220,50%,6%) |
#010204 |
rgb(1,2,4) |
hsl(220,50%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BB0B0 |
rgb(59,176,176) |
hsl(180,50%,46%) |
#3B62B0 |
rgb(59,98,176) |
hsl(220,50%,46%) |
#623BB0 |
rgb(98,59,176) |
hsl(260,50%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#698ACC |
rgb(105,138,204) |
hsl(220,49%,61%) |
#4D75C3 |
rgb(77,117,195) |
hsl(220,50%,53%) |
#3B62B0 |
rgb(59,98,176) |
hsl(220,50%,46%) |
#315293 |
rgb(49,82,147) |
hsl(220,50%,38%) |
#284277 |
rgb(40,66,119) |
hsl(220,50%,31%) |
#1E335B |
rgb(30,51,91) |
hsl(219,50%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B62B0 |
rgb(59,98,176) |
hsl(220,50%,46%) |
#B04F3B |
rgb(176,79,59) |
hsl(10,50%,46%) |
#9CB03B |
rgb(156,176,59) |
hsl(70,50%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B62B0 |
rgb(59,98,176) |
hsl(220,50%,46%) |
#B08A3B |
rgb(176,138,59) |
hsl(41,50%,46%) |
#3B9CB0 |
rgb(59,156,176) |
hsl(190,50%,46%) |
#9CB03B |
rgb(156,176,59) |
hsl(70,50%,46%) |