HEX #3045A7 color — Sapphire
The color #3045A7 is a dark shade and moderately saturated.
Palette
3045A7 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(229,55%,97%) |
#dfe3f6 |
rgb(223,227,246) |
hsl(229,55%,92%) |
#ccd2f0 |
rgb(204,210,240) |
hsl(229,55%,87%) |
#b8c1ea |
rgb(184,193,234) |
hsl(229,55%,82%) |
#a4b0e5 |
rgb(164,176,229) |
hsl(229,55%,77%) |
#909fdf |
rgb(144,159,223) |
hsl(229,55%,72%) |
#7d8ed9 |
rgb(125,142,217) |
hsl(229,55%,67%) |
#697cd3 |
rgb(105,124,211) |
hsl(229,55%,62%) |
#556bce |
rgb(85,107,206) |
hsl(229,55%,57%) |
#415ac8 |
rgb(65,90,200) |
hsl(229,55%,52%) |
#364eba |
rgb(54,78,186) |
hsl(229,55%,47%) |
#3046a6 |
rgb(48,70,166) |
hsl(229,55%,42%) |
#2a3d92 |
rgb(42,61,146) |
hsl(229,55%,37%) |
#25357e |
rgb(37,53,126) |
hsl(229,55%,32%) |
#1f2d6b |
rgb(31,45,107) |
hsl(229,55%,27%) |
#192557 |
rgb(25,37,87) |
hsl(229,55%,22%) |
#141c43 |
rgb(20,28,67) |
hsl(229,55%,17%) |
#0e142f |
rgb(14,20,47) |
hsl(229,55%,12%) |
#080c1c |
rgb(8,12,28) |
hsl(229,55%,7%) |
#020308 |
rgb(2,3,8) |
hsl(229,55%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3094A7 |
rgb(48,148,167) |
hsl(190,55%,42%) |
#3045A7 |
rgb(48,69,167) |
hsl(229,55%,42%) |
#6A30A7 |
rgb(106,48,167) |
hsl(269,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4F66CC |
rgb(79,102,204) |
hsl(229,55%,55%) |
#374FC1 |
rgb(55,79,193) |
hsl(230,56%,49%) |
#3045A7 |
rgb(48,69,167) |
hsl(229,55%,42%) |
#283B8C |
rgb(40,59,140) |
hsl(229,56%,35%) |
#202E71 |
rgb(32,46,113) |
hsl(230,56%,28%) |
#182456 |
rgb(24,36,86) |
hsl(228,56%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3045A7 |
rgb(48,69,167) |
hsl(229,55%,42%) |
#A75730 |
rgb(167,87,48) |
hsl(20,55%,42%) |
#80A630 |
rgb(128,166,48) |
hsl(79,55%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3045A7 |
rgb(48,69,167) |
hsl(229,55%,42%) |
#A79130 |
rgb(167,145,48) |
hsl(49,55%,42%) |
#3080A7 |
rgb(48,128,167) |
hsl(200,55%,42%) |
#80A630 |
rgb(128,166,48) |
hsl(79,55%,42%) |