HEX #3B61B2 color — Azure
The color #3B61B2 is a dark shade and moderately saturated.
Palette
3B61B2 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3fa |
rgb(240,243,250) |
hsl(221,50%,96%) |
#dde4f4 |
rgb(221,228,244) |
hsl(221,50%,91%) |
#c9d5ed |
rgb(201,213,237) |
hsl(221,50%,86%) |
#b6c6e7 |
rgb(182,198,231) |
hsl(221,50%,81%) |
#a3b7e0 |
rgb(163,183,224) |
hsl(221,50%,76%) |
#90a7da |
rgb(144,167,218) |
hsl(221,50%,71%) |
#7d98d4 |
rgb(125,152,212) |
hsl(221,50%,66%) |
#6a89cd |
rgb(106,137,205) |
hsl(221,50%,61%) |
#577ac7 |
rgb(87,122,199) |
hsl(221,50%,56%) |
#446bc1 |
rgb(68,107,193) |
hsl(221,50%,51%) |
#3b60b0 |
rgb(59,96,176) |
hsl(221,50%,46%) |
#34559d |
rgb(52,85,157) |
hsl(221,50%,41%) |
#2e4b8a |
rgb(46,75,138) |
hsl(221,50%,36%) |
#284177 |
rgb(40,65,119) |
hsl(221,50%,31%) |
#213663 |
rgb(33,54,99) |
hsl(221,50%,26%) |
#1b2c50 |
rgb(27,44,80) |
hsl(221,50%,21%) |
#14213d |
rgb(20,33,61) |
hsl(221,50%,16%) |
#0e172a |
rgb(14,23,42) |
hsl(221,50%,11%) |
#080c17 |
rgb(8,12,23) |
hsl(221,50%,6%) |
#010204 |
rgb(1,2,4) |
hsl(221,50%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BB0B2 |
rgb(59,176,178) |
hsl(181,50%,46%) |
#3B61B2 |
rgb(59,97,178) |
hsl(221,50%,46%) |
#643BB2 |
rgb(100,59,178) |
hsl(261,50%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6A8ACD |
rgb(106,138,205) |
hsl(221,50%,61%) |
#4E75C4 |
rgb(78,117,196) |
hsl(220,50%,54%) |
#3B61B2 |
rgb(59,97,178) |
hsl(221,50%,46%) |
#315295 |
rgb(49,82,149) |
hsl(220,51%,39%) |
#284279 |
rgb(40,66,121) |
hsl(221,50%,32%) |
#1E335C |
rgb(30,51,92) |
hsl(220,51%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B61B2 |
rgb(59,97,178) |
hsl(221,50%,46%) |
#B2523B |
rgb(178,82,59) |
hsl(12,50%,46%) |
#9CB33B |
rgb(156,179,59) |
hsl(72,50%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B61B2 |
rgb(59,97,178) |
hsl(221,50%,46%) |
#B28C3B |
rgb(178,140,59) |
hsl(41,50%,46%) |
#3B9CB2 |
rgb(59,156,178) |
hsl(191,50%,46%) |
#9CB33B |
rgb(156,179,59) |
hsl(72,50%,47%) |