HEX #3756A0 color — Azure
The color #3756a0 is a dark shade and moderately saturated.
Palette
3756a0 color palette from light to dark
HEX |
RGB |
HSL |
#f4f6fb |
rgb(244,246,251) |
hsl(222,49%,97%) |
#e1e7f5 |
rgb(225,231,245) |
hsl(222,49%,92%) |
#ced7ee |
rgb(206,215,238) |
hsl(222,49%,87%) |
#bbc8e8 |
rgb(187,200,232) |
hsl(222,49%,82%) |
#a8b9e1 |
rgb(168,185,225) |
hsl(222,49%,77%) |
#95aadb |
rgb(149,170,219) |
hsl(222,49%,72%) |
#829ad4 |
rgb(130,154,212) |
hsl(222,49%,67%) |
#6f8bce |
rgb(111,139,206) |
hsl(222,49%,62%) |
#5c7cc7 |
rgb(92,124,199) |
hsl(222,49%,57%) |
#496dc1 |
rgb(73,109,193) |
hsl(222,49%,52%) |
#3d60b3 |
rgb(61,96,179) |
hsl(222,49%,47%) |
#3756a0 |
rgb(55,86,160) |
hsl(222,49%,42%) |
#304c8d |
rgb(48,76,141) |
hsl(222,49%,37%) |
#2a427a |
rgb(42,66,122) |
hsl(222,49%,32%) |
#233767 |
rgb(35,55,103) |
hsl(222,49%,27%) |
#1d2d54 |
rgb(29,45,84) |
hsl(222,49%,22%) |
#162341 |
rgb(22,35,65) |
hsl(222,49%,17%) |
#10192e |
rgb(16,25,46) |
hsl(222,49%,12%) |
#090e1b |
rgb(9,14,27) |
hsl(222,49%,7%) |
#030408 |
rgb(3,4,8) |
hsl(222,49%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#379CA0 |
rgb(55,156,160) |
hsl(182,49%,42%) |
#3756A0 |
rgb(55,86,160) |
hsl(222,49%,42%) |
#5E38A0 |
rgb(94,56,160) |
hsl(262,48%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5678C5 |
rgb(86,120,197) |
hsl(222,49%,55%) |
#3F63B9 |
rgb(63,99,185) |
hsl(222,49%,49%) |
#3756A0 |
rgb(55,86,160) |
hsl(222,49%,42%) |
#2E4786 |
rgb(46,71,134) |
hsl(223,49%,35%) |
#253B6C |
rgb(37,59,108) |
hsl(221,49%,28%) |
#1C2E53 |
rgb(28,46,83) |
hsl(220,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3756A0 |
rgb(55,86,160) |
hsl(222,49%,42%) |
#A04D37 |
rgb(160,77,55) |
hsl(13,49%,42%) |
#8AA137 |
rgb(138,161,55) |
hsl(73,49%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3756A0 |
rgb(55,86,160) |
hsl(222,49%,42%) |
#A08237 |
rgb(160,130,55) |
hsl(43,49%,42%) |
#378AA0 |
rgb(55,138,160) |
hsl(193,49%,42%) |
#8AA137 |
rgb(138,161,55) |
hsl(73,49%,42%) |