HEX #2F54A0 color — Sapphire
The color #2F54A0 is a dark shade and moderately saturated.
Palette
2F54A0 color palette from light to dark
HEX |
RGB |
HSL |
#eff3fa |
rgb(239,243,250) |
hsl(220,55%,96%) |
#dbe4f5 |
rgb(219,228,245) |
hsl(220,55%,91%) |
#c8d5ef |
rgb(200,213,239) |
hsl(220,55%,86%) |
#b4c6e9 |
rgb(180,198,233) |
hsl(220,55%,81%) |
#a0b7e3 |
rgb(160,183,227) |
hsl(220,55%,76%) |
#8ca7de |
rgb(140,167,222) |
hsl(220,55%,71%) |
#7998d8 |
rgb(121,152,216) |
hsl(220,55%,66%) |
#6589d2 |
rgb(101,137,210) |
hsl(220,55%,61%) |
#517acd |
rgb(81,122,205) |
hsl(220,55%,56%) |
#3d6bc7 |
rgb(61,107,199) |
hsl(220,55%,51%) |
#3560b6 |
rgb(53,96,182) |
hsl(220,55%,46%) |
#2f55a2 |
rgb(47,85,162) |
hsl(220,55%,41%) |
#294b8e |
rgb(41,75,142) |
hsl(220,55%,36%) |
#24417b |
rgb(36,65,123) |
hsl(220,55%,31%) |
#1e3667 |
rgb(30,54,103) |
hsl(220,55%,26%) |
#182c53 |
rgb(24,44,83) |
hsl(220,55%,21%) |
#12213f |
rgb(18,33,63) |
hsl(220,55%,16%) |
#0d172b |
rgb(13,23,43) |
hsl(220,55%,11%) |
#070c18 |
rgb(7,12,24) |
hsl(220,55%,6%) |
#010204 |
rgb(1,2,4) |
hsl(220,55%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#2F9EA0 |
rgb(47,158,160) |
hsl(181,55%,41%) |
#2F54A0 |
rgb(47,84,160) |
hsl(220,55%,41%) |
#552EA0 |
rgb(85,46,160) |
hsl(261,55%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4873C9 |
rgb(72,115,201) |
hsl(220,54%,54%) |
#3661B9 |
rgb(54,97,185) |
hsl(220,55%,47%) |
#2F54A0 |
rgb(47,84,160) |
hsl(220,55%,41%) |
#274786 |
rgb(39,71,134) |
hsl(220,55%,34%) |
#1F386C |
rgb(31,56,108) |
hsl(221,55%,27%) |
#182B53 |
rgb(24,43,83) |
hsl(221,55%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2F54A0 |
rgb(47,84,160) |
hsl(220,55%,41%) |
#A0422F |
rgb(160,66,47) |
hsl(10,55%,41%) |
#8CA12F |
rgb(140,161,47) |
hsl(71,55%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2F54A0 |
rgb(47,84,160) |
hsl(220,55%,41%) |
#A07A2F |
rgb(160,122,47) |
hsl(40,55%,41%) |
#2F8CA0 |
rgb(47,140,160) |
hsl(191,55%,41%) |
#8CA12F |
rgb(140,161,47) |
hsl(71,55%,41%) |