HEX #3B5CB2 color — Azure
The color #3B5CB2 is a dark shade and moderately saturated.
Palette
3B5CB2 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3fa |
rgb(240,243,250) |
hsl(223,50%,96%) |
#dde3f4 |
rgb(221,227,244) |
hsl(223,50%,91%) |
#c9d4ed |
rgb(201,212,237) |
hsl(223,50%,86%) |
#b6c4e7 |
rgb(182,196,231) |
hsl(223,50%,81%) |
#a3b5e0 |
rgb(163,181,224) |
hsl(223,50%,76%) |
#90a5da |
rgb(144,165,218) |
hsl(223,50%,71%) |
#7d96d4 |
rgb(125,150,212) |
hsl(223,50%,66%) |
#6a86cd |
rgb(106,134,205) |
hsl(223,50%,61%) |
#5776c7 |
rgb(87,118,199) |
hsl(223,50%,56%) |
#4467c1 |
rgb(68,103,193) |
hsl(223,50%,51%) |
#3b5cb0 |
rgb(59,92,176) |
hsl(223,50%,46%) |
#34529d |
rgb(52,82,157) |
hsl(223,50%,41%) |
#2e488a |
rgb(46,72,138) |
hsl(223,50%,36%) |
#283e77 |
rgb(40,62,119) |
hsl(223,50%,31%) |
#213463 |
rgb(33,52,99) |
hsl(223,50%,26%) |
#1b2a50 |
rgb(27,42,80) |
hsl(223,50%,21%) |
#14203d |
rgb(20,32,61) |
hsl(223,50%,16%) |
#0e162a |
rgb(14,22,42) |
hsl(223,50%,11%) |
#080c17 |
rgb(8,12,23) |
hsl(223,50%,6%) |
#010204 |
rgb(1,2,4) |
hsl(223,50%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BABB2 |
rgb(59,171,178) |
hsl(184,50%,46%) |
#3B5CB2 |
rgb(59,92,178) |
hsl(223,50%,46%) |
#693BB2 |
rgb(105,59,178) |
hsl(263,50%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6A87CD |
rgb(106,135,205) |
hsl(222,50%,61%) |
#4E70C4 |
rgb(78,112,196) |
hsl(223,50%,54%) |
#3B5CB2 |
rgb(59,92,178) |
hsl(223,50%,46%) |
#314D95 |
rgb(49,77,149) |
hsl(223,51%,39%) |
#284079 |
rgb(40,64,121) |
hsl(222,50%,32%) |
#1E305C |
rgb(30,48,92) |
hsl(223,51%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B5CB2 |
rgb(59,92,178) |
hsl(223,50%,46%) |
#B2573B |
rgb(178,87,59) |
hsl(14,50%,46%) |
#97B33B |
rgb(151,179,59) |
hsl(74,50%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B5CB2 |
rgb(59,92,178) |
hsl(223,50%,46%) |
#B2913B |
rgb(178,145,59) |
hsl(43,50%,46%) |
#3B96B2 |
rgb(59,150,178) |
hsl(194,50%,46%) |
#97B33B |
rgb(151,179,59) |
hsl(74,50%,47%) |