HEX #2F54A5 color — Sapphire
The color #2F54A5 is a dark shade and moderately saturated.
Palette
2F54A5 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(221,56%,97%) |
#dfe6f6 |
rgb(223,230,246) |
hsl(221,56%,92%) |
#cbd7f0 |
rgb(203,215,240) |
hsl(221,56%,87%) |
#b7c8eb |
rgb(183,200,235) |
hsl(221,56%,82%) |
#a4b8e5 |
rgb(164,184,229) |
hsl(221,56%,77%) |
#90a9e0 |
rgb(144,169,224) |
hsl(221,56%,72%) |
#7c9ada |
rgb(124,154,218) |
hsl(221,56%,67%) |
#688ad4 |
rgb(104,138,212) |
hsl(221,56%,62%) |
#547bcf |
rgb(84,123,207) |
hsl(221,56%,57%) |
#406bc9 |
rgb(64,107,201) |
hsl(221,56%,52%) |
#355fbb |
rgb(53,95,187) |
hsl(221,56%,47%) |
#2f55a7 |
rgb(47,85,167) |
hsl(221,56%,42%) |
#2a4b93 |
rgb(42,75,147) |
hsl(221,56%,37%) |
#24417f |
rgb(36,65,127) |
hsl(221,56%,32%) |
#1e376b |
rgb(30,55,107) |
hsl(221,56%,27%) |
#192d58 |
rgb(25,45,88) |
hsl(221,56%,22%) |
#132244 |
rgb(19,34,68) |
hsl(221,56%,17%) |
#0d1830 |
rgb(13,24,48) |
hsl(221,56%,12%) |
#080e1c |
rgb(8,14,28) |
hsl(221,56%,7%) |
#020408 |
rgb(2,4,8) |
hsl(221,56%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2FA3A5 |
rgb(47,163,165) |
hsl(181,56%,42%) |
#2F54A5 |
rgb(47,84,165) |
hsl(221,56%,42%) |
#582EA5 |
rgb(88,46,165) |
hsl(261,56%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4B75CB |
rgb(75,117,203) |
hsl(220,55%,55%) |
#3661BF |
rgb(54,97,191) |
hsl(221,56%,48%) |
#2F54A5 |
rgb(47,84,165) |
hsl(221,56%,42%) |
#27478A |
rgb(39,71,138) |
hsl(221,56%,35%) |
#1F3870 |
rgb(31,56,112) |
hsl(221,57%,28%) |
#182B55 |
rgb(24,43,85) |
hsl(221,56%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2F54A5 |
rgb(47,84,165) |
hsl(221,56%,42%) |
#A5452F |
rgb(165,69,47) |
hsl(11,56%,42%) |
#8FA62F |
rgb(143,166,47) |
hsl(72,56%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2F54A5 |
rgb(47,84,165) |
hsl(221,56%,42%) |
#A5802F |
rgb(165,128,47) |
hsl(41,56%,42%) |
#2F8FA5 |
rgb(47,143,165) |
hsl(191,56%,42%) |
#8FA62F |
rgb(143,166,47) |
hsl(72,56%,42%) |