HEX #3054A0 color — Sapphire
The color #3054A0 is a dark shade and moderately saturated.
Palette
3054A0 color palette from light to dark
HEX |
RGB |
HSL |
#eff3fa |
rgb(239,243,250) |
hsl(221,54%,96%) |
#dce4f4 |
rgb(220,228,244) |
hsl(221,54%,91%) |
#c8d4ef |
rgb(200,212,239) |
hsl(221,54%,86%) |
#b4c5e9 |
rgb(180,197,233) |
hsl(221,54%,81%) |
#a1b6e3 |
rgb(161,182,227) |
hsl(221,54%,76%) |
#8da6dd |
rgb(141,166,221) |
hsl(221,54%,71%) |
#7997d7 |
rgb(121,151,215) |
hsl(221,54%,66%) |
#6688d1 |
rgb(102,136,209) |
hsl(221,54%,61%) |
#5279cb |
rgb(82,121,203) |
hsl(221,54%,56%) |
#3f69c6 |
rgb(63,105,198) |
hsl(221,54%,51%) |
#365eb5 |
rgb(54,94,181) |
hsl(221,54%,46%) |
#3054a1 |
rgb(48,84,161) |
hsl(221,54%,41%) |
#2a4a8d |
rgb(42,74,141) |
hsl(221,54%,36%) |
#243f7a |
rgb(36,63,122) |
hsl(221,54%,31%) |
#1e3566 |
rgb(30,53,102) |
hsl(221,54%,26%) |
#192b52 |
rgb(25,43,82) |
hsl(221,54%,21%) |
#13213f |
rgb(19,33,63) |
hsl(221,54%,16%) |
#0d162b |
rgb(13,22,43) |
hsl(221,54%,11%) |
#070c18 |
rgb(7,12,24) |
hsl(221,54%,6%) |
#010204 |
rgb(1,2,4) |
hsl(221,54%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#309EA0 |
rgb(48,158,160) |
hsl(181,54%,41%) |
#3054A0 |
rgb(48,84,160) |
hsl(221,54%,41%) |
#5630A0 |
rgb(86,48,160) |
hsl(260,54%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4973C8 |
rgb(73,115,200) |
hsl(220,54%,54%) |
#3761B9 |
rgb(55,97,185) |
hsl(221,54%,47%) |
#3054A0 |
rgb(48,84,160) |
hsl(221,54%,41%) |
#284786 |
rgb(40,71,134) |
hsl(220,54%,34%) |
#20386C |
rgb(32,56,108) |
hsl(221,54%,27%) |
#182B53 |
rgb(24,43,83) |
hsl(221,55%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#3054A0 |
rgb(48,84,160) |
hsl(221,54%,41%) |
#A04530 |
rgb(160,69,48) |
hsl(11,54%,41%) |
#8CA130 |
rgb(140,161,48) |
hsl(71,54%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3054A0 |
rgb(48,84,160) |
hsl(221,54%,41%) |
#A07D30 |
rgb(160,125,48) |
hsl(41,54%,41%) |
#308CA0 |
rgb(48,140,160) |
hsl(191,54%,41%) |
#8CA130 |
rgb(140,161,48) |
hsl(71,54%,41%) |