HEX #2F54A7 color — Sapphire
The color #2F54A7 is a dark shade and moderately saturated.
Palette
2F54A7 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(222,56%,97%) |
#dfe6f6 |
rgb(223,230,246) |
hsl(222,56%,92%) |
#cbd6f0 |
rgb(203,214,240) |
hsl(222,56%,87%) |
#b7c7eb |
rgb(183,199,235) |
hsl(222,56%,82%) |
#a4b7e5 |
rgb(164,183,229) |
hsl(222,56%,77%) |
#90a8e0 |
rgb(144,168,224) |
hsl(222,56%,72%) |
#7c98da |
rgb(124,152,218) |
hsl(222,56%,67%) |
#6888d4 |
rgb(104,136,212) |
hsl(222,56%,62%) |
#5479cf |
rgb(84,121,207) |
hsl(222,56%,57%) |
#4069c9 |
rgb(64,105,201) |
hsl(222,56%,52%) |
#355dbb |
rgb(53,93,187) |
hsl(222,56%,47%) |
#2f53a7 |
rgb(47,83,167) |
hsl(222,56%,42%) |
#2a4993 |
rgb(42,73,147) |
hsl(222,56%,37%) |
#243f7f |
rgb(36,63,127) |
hsl(222,56%,32%) |
#1e356b |
rgb(30,53,107) |
hsl(222,56%,27%) |
#192c58 |
rgb(25,44,88) |
hsl(222,56%,22%) |
#132244 |
rgb(19,34,68) |
hsl(222,56%,17%) |
#0d1830 |
rgb(13,24,48) |
hsl(222,56%,12%) |
#080e1c |
rgb(8,14,28) |
hsl(222,56%,7%) |
#020408 |
rgb(2,4,8) |
hsl(222,56%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2FA3A7 |
rgb(47,163,167) |
hsl(182,56%,42%) |
#2F54A7 |
rgb(47,84,167) |
hsl(222,56%,42%) |
#5A2EA7 |
rgb(90,46,167) |
hsl(262,57%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4D75CD |
rgb(77,117,205) |
hsl(221,56%,55%) |
#3661C1 |
rgb(54,97,193) |
hsl(221,56%,48%) |
#2F54A7 |
rgb(47,84,167) |
hsl(222,56%,42%) |
#27478C |
rgb(39,71,140) |
hsl(221,56%,35%) |
#1F3871 |
rgb(31,56,113) |
hsl(222,57%,28%) |
#182B56 |
rgb(24,43,86) |
hsl(222,56%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2F54A7 |
rgb(47,84,167) |
hsl(222,56%,42%) |
#A7452F |
rgb(167,69,47) |
hsl(11,56%,42%) |
#90A62F |
rgb(144,166,47) |
hsl(71,56%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2F54A7 |
rgb(47,84,167) |
hsl(222,56%,42%) |
#A7822F |
rgb(167,130,47) |
hsl(42,56%,42%) |
#2F8FA7 |
rgb(47,143,167) |
hsl(192,56%,42%) |
#90A62F |
rgb(144,166,47) |
hsl(71,56%,42%) |