HEX #3A69B0 color — Azure
The color #3A69B0 is a dark shade and moderately saturated.
Palette
3A69B0 color palette from light to dark
HEX |
RGB |
HSL |
#f0f4fa |
rgb(240,244,250) |
hsl(216,50%,96%) |
#dde6f4 |
rgb(221,230,244) |
hsl(216,50%,91%) |
#c9d8ed |
rgb(201,216,237) |
hsl(216,50%,86%) |
#b6cae7 |
rgb(182,202,231) |
hsl(216,50%,81%) |
#a3bce0 |
rgb(163,188,224) |
hsl(216,50%,76%) |
#90aeda |
rgb(144,174,218) |
hsl(216,50%,71%) |
#7da0d4 |
rgb(125,160,212) |
hsl(216,50%,66%) |
#6a92cd |
rgb(106,146,205) |
hsl(216,50%,61%) |
#5784c7 |
rgb(87,132,199) |
hsl(216,50%,56%) |
#4476c1 |
rgb(68,118,193) |
hsl(216,50%,51%) |
#3b6ab0 |
rgb(59,106,176) |
hsl(216,50%,46%) |
#345e9d |
rgb(52,94,157) |
hsl(216,50%,41%) |
#2e538a |
rgb(46,83,138) |
hsl(216,50%,36%) |
#284777 |
rgb(40,71,119) |
hsl(216,50%,31%) |
#213c63 |
rgb(33,60,99) |
hsl(216,50%,26%) |
#1b3050 |
rgb(27,48,80) |
hsl(216,50%,21%) |
#14253d |
rgb(20,37,61) |
hsl(216,50%,16%) |
#0e192a |
rgb(14,25,42) |
hsl(216,50%,11%) |
#080e17 |
rgb(8,14,23) |
hsl(216,50%,6%) |
#010204 |
rgb(1,2,4) |
hsl(216,50%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AB0A8 |
rgb(58,176,168) |
hsl(176,50%,46%) |
#3A69B0 |
rgb(58,105,176) |
hsl(216,50%,46%) |
#593BB0 |
rgb(89,59,176) |
hsl(255,50%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6791CD |
rgb(103,145,205) |
hsl(215,50%,60%) |
#4B7AC3 |
rgb(75,122,195) |
hsl(217,50%,53%) |
#3A69B0 |
rgb(58,105,176) |
hsl(216,50%,46%) |
#305993 |
rgb(48,89,147) |
hsl(215,51%,38%) |
#274777 |
rgb(39,71,119) |
hsl(216,51%,31%) |
#1E365B |
rgb(30,54,91) |
hsl(216,50%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A69B0 |
rgb(58,105,176) |
hsl(216,50%,46%) |
#B0453A |
rgb(176,69,58) |
hsl(6,50%,46%) |
#A4B03A |
rgb(164,176,58) |
hsl(66,50%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A69B0 |
rgb(58,105,176) |
hsl(216,50%,46%) |
#B0823A |
rgb(176,130,58) |
hsl(37,50%,46%) |
#3AA3B0 |
rgb(58,163,176) |
hsl(187,50%,46%) |
#A4B03A |
rgb(164,176,58) |
hsl(66,50%,46%) |