HEX #2D54A9 color — Sapphire
The color #2d54a9 is a dark shade and moderately saturated.
Palette
2d54a9 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(221,58%,97%) |
#dfe6f6 |
rgb(223,230,246) |
hsl(221,58%,92%) |
#cbd7f1 |
rgb(203,215,241) |
hsl(221,58%,87%) |
#b6c7ec |
rgb(182,199,236) |
hsl(221,58%,82%) |
#a2b8e6 |
rgb(162,184,230) |
hsl(221,58%,77%) |
#8ea8e1 |
rgb(142,168,225) |
hsl(221,58%,72%) |
#7a99dc |
rgb(122,153,220) |
hsl(221,58%,67%) |
#6689d6 |
rgb(102,137,214) |
hsl(221,58%,62%) |
#527ad1 |
rgb(82,122,209) |
hsl(221,58%,57%) |
#3e6bcc |
rgb(62,107,204) |
hsl(221,58%,52%) |
#325ebd |
rgb(50,94,189) |
hsl(221,58%,47%) |
#2d54a9 |
rgb(45,84,169) |
hsl(221,58%,42%) |
#284a95 |
rgb(40,74,149) |
hsl(221,58%,37%) |
#224081 |
rgb(34,64,129) |
hsl(221,58%,32%) |
#1d366d |
rgb(29,54,109) |
hsl(221,58%,27%) |
#182c59 |
rgb(24,44,89) |
hsl(221,58%,22%) |
#122244 |
rgb(18,34,68) |
hsl(221,58%,17%) |
#0d1830 |
rgb(13,24,48) |
hsl(221,58%,12%) |
#070e1c |
rgb(7,14,28) |
hsl(221,58%,7%) |
#020408 |
rgb(2,4,8) |
hsl(221,58%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2DA6A9 |
rgb(45,166,169) |
hsl(181,58%,42%) |
#2D54A9 |
rgb(45,84,169) |
hsl(221,58%,42%) |
#582EA9 |
rgb(88,46,169) |
hsl(260,57%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4B75CF |
rgb(75,117,207) |
hsl(221,58%,55%) |
#3461C4 |
rgb(52,97,196) |
hsl(221,58%,49%) |
#2D54A9 |
rgb(45,84,169) |
hsl(221,58%,42%) |
#25478D |
rgb(37,71,141) |
hsl(220,58%,35%) |
#1E3872 |
rgb(30,56,114) |
hsl(221,58%,28%) |
#172B57 |
rgb(23,43,87) |
hsl(221,58%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2D54A9 |
rgb(45,84,169) |
hsl(221,58%,42%) |
#A9452D |
rgb(169,69,45) |
hsl(12,58%,42%) |
#92A82D |
rgb(146,168,45) |
hsl(71,58%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2D54A9 |
rgb(45,84,169) |
hsl(221,58%,42%) |
#A9822D |
rgb(169,130,45) |
hsl(41,58%,42%) |
#2D91A9 |
rgb(45,145,169) |
hsl(192,58%,42%) |
#92A82D |
rgb(146,168,45) |
hsl(71,58%,42%) |