HEX #3154A3 color — Sapphire
The color #3154A3 is a dark shade and moderately saturated.
Palette
3154A3 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fb |
rgb(243,246,251) |
hsl(222,54%,97%) |
#e0e6f6 |
rgb(224,230,246) |
hsl(222,54%,92%) |
#ccd7f0 |
rgb(204,215,240) |
hsl(222,54%,87%) |
#b8c7ea |
rgb(184,199,234) |
hsl(222,54%,82%) |
#a5b8e4 |
rgb(165,184,228) |
hsl(222,54%,77%) |
#91a8de |
rgb(145,168,222) |
hsl(222,54%,72%) |
#7d99d8 |
rgb(125,153,216) |
hsl(222,54%,67%) |
#6a89d2 |
rgb(106,137,210) |
hsl(222,54%,62%) |
#567acd |
rgb(86,122,205) |
hsl(222,54%,57%) |
#436ac7 |
rgb(67,106,199) |
hsl(222,54%,52%) |
#375eb9 |
rgb(55,94,185) |
hsl(222,54%,47%) |
#3154a5 |
rgb(49,84,165) |
hsl(222,54%,42%) |
#2b4a91 |
rgb(43,74,145) |
hsl(222,54%,37%) |
#26407e |
rgb(38,64,126) |
hsl(222,54%,32%) |
#20366a |
rgb(32,54,106) |
hsl(222,54%,27%) |
#1a2c56 |
rgb(26,44,86) |
hsl(222,54%,22%) |
#142243 |
rgb(20,34,67) |
hsl(222,54%,17%) |
#0e182f |
rgb(14,24,47) |
hsl(222,54%,12%) |
#080e1b |
rgb(8,14,27) |
hsl(222,54%,7%) |
#020408 |
rgb(2,4,8) |
hsl(222,54%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31A1A3 |
rgb(49,161,163) |
hsl(181,54%,42%) |
#3154A3 |
rgb(49,84,163) |
hsl(222,54%,42%) |
#5A30A3 |
rgb(90,48,163) |
hsl(262,55%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4E75C9 |
rgb(78,117,201) |
hsl(221,53%,55%) |
#3861BD |
rgb(56,97,189) |
hsl(222,54%,48%) |
#3154A3 |
rgb(49,84,163) |
hsl(222,54%,42%) |
#294788 |
rgb(41,71,136) |
hsl(221,54%,35%) |
#21386E |
rgb(33,56,110) |
hsl(222,54%,28%) |
#192B54 |
rgb(25,43,84) |
hsl(222,54%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#3154A3 |
rgb(49,84,163) |
hsl(222,54%,42%) |
#A34731 |
rgb(163,71,49) |
hsl(12,54%,42%) |
#8DA331 |
rgb(141,163,49) |
hsl(72,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3154A3 |
rgb(49,84,163) |
hsl(222,54%,42%) |
#A38031 |
rgb(163,128,49) |
hsl(42,54%,42%) |
#318CA3 |
rgb(49,140,163) |
hsl(192,54%,42%) |
#8DA331 |
rgb(141,163,49) |
hsl(72,54%,42%) |