HEX #2D54A3 color — Sapphire
The color #2D54A3 is a dark shade and moderately saturated.
Palette
2D54A3 color palette from light to dark
HEX |
RGB |
HSL |
#eff3fb |
rgb(239,243,251) |
hsl(220,57%,96%) |
#dbe4f5 |
rgb(219,228,245) |
hsl(220,57%,91%) |
#c7d5f0 |
rgb(199,213,240) |
hsl(220,57%,86%) |
#b3c5ea |
rgb(179,197,234) |
hsl(220,57%,81%) |
#9fb6e5 |
rgb(159,182,229) |
hsl(220,57%,76%) |
#8ba7df |
rgb(139,167,223) |
hsl(220,57%,71%) |
#7798da |
rgb(119,152,218) |
hsl(220,57%,66%) |
#6389d4 |
rgb(99,137,212) |
hsl(220,57%,61%) |
#4f79cf |
rgb(79,121,207) |
hsl(220,57%,56%) |
#3b6ac9 |
rgb(59,106,201) |
hsl(220,57%,51%) |
#325fb8 |
rgb(50,95,184) |
hsl(220,57%,46%) |
#2d55a4 |
rgb(45,85,164) |
hsl(220,57%,41%) |
#274a90 |
rgb(39,74,144) |
hsl(220,57%,36%) |
#22407c |
rgb(34,64,124) |
hsl(220,57%,31%) |
#1d3668 |
rgb(29,54,104) |
hsl(220,57%,26%) |
#172b54 |
rgb(23,43,84) |
hsl(220,57%,21%) |
#122140 |
rgb(18,33,64) |
hsl(220,57%,16%) |
#0c172c |
rgb(12,23,44) |
hsl(220,57%,11%) |
#070c18 |
rgb(7,12,24) |
hsl(220,57%,6%) |
#010204 |
rgb(1,2,4) |
hsl(220,57%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#2DA3A3 |
rgb(45,163,163) |
hsl(180,57%,41%) |
#2D54A3 |
rgb(45,84,163) |
hsl(220,57%,41%) |
#542EA3 |
rgb(84,46,163) |
hsl(259,56%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4673CC |
rgb(70,115,204) |
hsl(220,57%,54%) |
#3461BD |
rgb(52,97,189) |
hsl(220,57%,47%) |
#2D54A3 |
rgb(45,84,163) |
hsl(220,57%,41%) |
#254788 |
rgb(37,71,136) |
hsl(219,57%,34%) |
#1E386E |
rgb(30,56,110) |
hsl(221,57%,27%) |
#172B54 |
rgb(23,43,84) |
hsl(220,57%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2D54A3 |
rgb(45,84,163) |
hsl(220,57%,41%) |
#A3402D |
rgb(163,64,45) |
hsl(10,57%,41%) |
#8FA32D |
rgb(143,163,45) |
hsl(70,57%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2D54A3 |
rgb(45,84,163) |
hsl(220,57%,41%) |
#A37D2D |
rgb(163,125,45) |
hsl(41,57%,41%) |
#2D8FA3 |
rgb(45,143,163) |
hsl(190,57%,41%) |
#8FA32D |
rgb(143,163,45) |
hsl(70,57%,41%) |