HEX #3047A5 color — Sapphire
The color #3047A5 is a dark shade and moderately saturated.
Palette
3047A5 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(228,55%,97%) |
#dfe4f6 |
rgb(223,228,246) |
hsl(228,55%,92%) |
#ccd3f0 |
rgb(204,211,240) |
hsl(228,55%,87%) |
#b8c2ea |
rgb(184,194,234) |
hsl(228,55%,82%) |
#a4b1e5 |
rgb(164,177,229) |
hsl(228,55%,77%) |
#90a0df |
rgb(144,160,223) |
hsl(228,55%,72%) |
#7d8fd9 |
rgb(125,143,217) |
hsl(228,55%,67%) |
#697ed3 |
rgb(105,126,211) |
hsl(228,55%,62%) |
#556dce |
rgb(85,109,206) |
hsl(228,55%,57%) |
#415cc8 |
rgb(65,92,200) |
hsl(228,55%,52%) |
#3650ba |
rgb(54,80,186) |
hsl(228,55%,47%) |
#3048a6 |
rgb(48,72,166) |
hsl(228,55%,42%) |
#2a3f92 |
rgb(42,63,146) |
hsl(228,55%,37%) |
#25377e |
rgb(37,55,126) |
hsl(228,55%,32%) |
#1f2e6b |
rgb(31,46,107) |
hsl(228,55%,27%) |
#192657 |
rgb(25,38,87) |
hsl(228,55%,22%) |
#141d43 |
rgb(20,29,67) |
hsl(228,55%,17%) |
#0e152f |
rgb(14,21,47) |
hsl(228,55%,12%) |
#080c1c |
rgb(8,12,28) |
hsl(228,55%,7%) |
#020308 |
rgb(2,3,8) |
hsl(228,55%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3094A5 |
rgb(48,148,165) |
hsl(189,55%,42%) |
#3047A5 |
rgb(48,71,165) |
hsl(228,55%,42%) |
#6730A5 |
rgb(103,48,165) |
hsl(268,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4D66CB |
rgb(77,102,203) |
hsl(228,55%,55%) |
#3752BF |
rgb(55,82,191) |
hsl(228,55%,48%) |
#3047A5 |
rgb(48,71,165) |
hsl(228,55%,42%) |
#283B8A |
rgb(40,59,138) |
hsl(228,55%,35%) |
#203070 |
rgb(32,48,112) |
hsl(228,56%,28%) |
#182455 |
rgb(24,36,85) |
hsl(228,56%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#3047A5 |
rgb(48,71,165) |
hsl(228,55%,42%) |
#A55430 |
rgb(165,84,48) |
hsl(18,55%,42%) |
#81A630 |
rgb(129,166,48) |
hsl(79,55%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3047A5 |
rgb(48,71,165) |
hsl(228,55%,42%) |
#A58F30 |
rgb(165,143,48) |
hsl(49,55%,42%) |
#3082A5 |
rgb(48,130,165) |
hsl(198,55%,42%) |
#81A630 |
rgb(129,166,48) |
hsl(79,55%,42%) |