HEX #3154A7 color — Azure
The color #3154A7 is a dark shade and moderately saturated.
Palette
3154A7 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(222,55%,97%) |
#dfe6f6 |
rgb(223,230,246) |
hsl(222,55%,92%) |
#ccd7f0 |
rgb(204,215,240) |
hsl(222,55%,87%) |
#b8c7ea |
rgb(184,199,234) |
hsl(222,55%,82%) |
#a4b7e5 |
rgb(164,183,229) |
hsl(222,55%,77%) |
#90a8df |
rgb(144,168,223) |
hsl(222,55%,72%) |
#7d98d9 |
rgb(125,152,217) |
hsl(222,55%,67%) |
#6989d3 |
rgb(105,137,211) |
hsl(222,55%,62%) |
#5579ce |
rgb(85,121,206) |
hsl(222,55%,57%) |
#416ac8 |
rgb(65,106,200) |
hsl(222,55%,52%) |
#365dba |
rgb(54,93,186) |
hsl(222,55%,47%) |
#3054a6 |
rgb(48,84,166) |
hsl(222,55%,42%) |
#2a4a92 |
rgb(42,74,146) |
hsl(222,55%,37%) |
#25407e |
rgb(37,64,126) |
hsl(222,55%,32%) |
#1f366b |
rgb(31,54,107) |
hsl(222,55%,27%) |
#192c57 |
rgb(25,44,87) |
hsl(222,55%,22%) |
#142243 |
rgb(20,34,67) |
hsl(222,55%,17%) |
#0e182f |
rgb(14,24,47) |
hsl(222,55%,12%) |
#080e1c |
rgb(8,14,28) |
hsl(222,55%,7%) |
#020408 |
rgb(2,4,8) |
hsl(222,55%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31A3A7 |
rgb(49,163,167) |
hsl(182,55%,42%) |
#3154A7 |
rgb(49,84,167) |
hsl(222,55%,42%) |
#5C30A7 |
rgb(92,48,167) |
hsl(262,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5175CB |
rgb(81,117,203) |
hsl(222,54%,56%) |
#3861C1 |
rgb(56,97,193) |
hsl(222,55%,49%) |
#3154A7 |
rgb(49,84,167) |
hsl(222,55%,42%) |
#29478C |
rgb(41,71,140) |
hsl(222,55%,35%) |
#213871 |
rgb(33,56,113) |
hsl(223,55%,29%) |
#192B56 |
rgb(25,43,86) |
hsl(222,55%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3154A7 |
rgb(49,84,167) |
hsl(222,55%,42%) |
#A74A31 |
rgb(167,74,49) |
hsl(13,55%,42%) |
#8FA631 |
rgb(143,166,49) |
hsl(72,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3154A7 |
rgb(49,84,167) |
hsl(222,55%,42%) |
#A78531 |
rgb(167,133,49) |
hsl(43,55%,42%) |
#318FA7 |
rgb(49,143,167) |
hsl(192,55%,42%) |
#8FA631 |
rgb(143,166,49) |
hsl(72,54%,42%) |