HEX #3045A6 color — Sapphire
The color #3045A6 is a dark shade and moderately saturated.
Palette
3045A6 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 |
#3094A6 |
rgb(48,148,166) |
hsl(189,55%,42%) |
#3045A6 |
rgb(48,69,166) |
hsl(229,55%,42%) |
#6930A6 |
rgb(105,48,166) |
hsl(269,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4E66CB |
rgb(78,102,203) |
hsl(228,55%,55%) |
#374FC0 |
rgb(55,79,192) |
hsl(229,55%,48%) |
#3045A6 |
rgb(48,69,166) |
hsl(229,55%,42%) |
#283B8B |
rgb(40,59,139) |
hsl(228,55%,35%) |
#202E70 |
rgb(32,46,112) |
hsl(230,56%,28%) |
#182456 |
rgb(24,36,86) |
hsl(228,56%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3045A6 |
rgb(48,69,166) |
hsl(229,55%,42%) |
#A65730 |
rgb(166,87,48) |
hsl(20,55%,42%) |
#80A630 |
rgb(128,166,48) |
hsl(79,55%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3045A6 |
rgb(48,69,166) |
hsl(229,55%,42%) |
#A69130 |
rgb(166,145,48) |
hsl(49,55%,42%) |
#3080A6 |
rgb(48,128,166) |
hsl(199,55%,42%) |
#80A630 |
rgb(128,166,48) |
hsl(79,55%,42%) |