HEX #3157AE color — Azure
The color #3157AE is a dark shade and moderately saturated.
Palette
3157AE color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(222,56%,99%) |
#e7ecf8 |
rgb(231,236,248) |
hsl(222,56%,94%) |
#d3ddf3 |
rgb(211,221,243) |
hsl(222,56%,89%) |
#bfcded |
rgb(191,205,237) |
hsl(222,56%,84%) |
#abbde7 |
rgb(171,189,231) |
hsl(222,56%,79%) |
#98aee2 |
rgb(152,174,226) |
hsl(222,56%,74%) |
#849edc |
rgb(132,158,220) |
hsl(222,56%,69%) |
#708fd7 |
rgb(112,143,215) |
hsl(222,56%,64%) |
#5c7fd1 |
rgb(92,127,209) |
hsl(222,56%,59%) |
#486fcb |
rgb(72,111,203) |
hsl(222,56%,54%) |
#3761c3 |
rgb(55,97,195) |
hsl(222,56%,49%) |
#3157af |
rgb(49,87,175) |
hsl(222,56%,44%) |
#2c4d9b |
rgb(44,77,155) |
hsl(222,56%,39%) |
#264387 |
rgb(38,67,135) |
hsl(222,56%,34%) |
#213973 |
rgb(33,57,115) |
hsl(222,56%,29%) |
#1b2f5f |
rgb(27,47,95) |
hsl(222,56%,24%) |
#15264c |
rgb(21,38,76) |
hsl(222,56%,19%) |
#101c38 |
rgb(16,28,56) |
hsl(222,56%,14%) |
#0a1224 |
rgb(10,18,36) |
hsl(222,56%,9%) |
#040810 |
rgb(4,8,16) |
hsl(222,56%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#31ABAE |
rgb(49,171,174) |
hsl(181,56%,44%) |
#3157AE |
rgb(49,87,174) |
hsl(222,56%,44%) |
#5E30AE |
rgb(94,48,174) |
hsl(262,57%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#567ACF |
rgb(86,122,207) |
hsl(222,56%,57%) |
#3A66C7 |
rgb(58,102,199) |
hsl(221,56%,50%) |
#3157AE |
rgb(49,87,174) |
hsl(222,56%,44%) |
#294A92 |
rgb(41,74,146) |
hsl(221,56%,37%) |
#213B76 |
rgb(33,59,118) |
hsl(222,56%,30%) |
#192E5A |
rgb(25,46,90) |
hsl(221,57%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3157AE |
rgb(49,87,174) |
hsl(222,56%,44%) |
#AE4A31 |
rgb(174,74,49) |
hsl(12,56%,44%) |
#95AD31 |
rgb(149,173,49) |
hsl(72,56%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3157AE |
rgb(49,87,174) |
hsl(222,56%,44%) |
#AE8731 |
rgb(174,135,49) |
hsl(41,56%,44%) |
#3196AE |
rgb(49,150,174) |
hsl(192,56%,44%) |
#95AD31 |
rgb(149,173,49) |
hsl(72,56%,44%) |