HEX #3050A6 color — Sapphire
The color #3050a6 is a dark shade and moderately saturated.
Palette
3050a6 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(224,55%,97%) |
#dfe5f6 |
rgb(223,229,246) |
hsl(224,55%,92%) |
#ccd5f0 |
rgb(204,213,240) |
hsl(224,55%,87%) |
#b8c5ea |
rgb(184,197,234) |
hsl(224,55%,82%) |
#a4b5e5 |
rgb(164,181,229) |
hsl(224,55%,77%) |
#90a5df |
rgb(144,165,223) |
hsl(224,55%,72%) |
#7d95d9 |
rgb(125,149,217) |
hsl(224,55%,67%) |
#6985d3 |
rgb(105,133,211) |
hsl(224,55%,62%) |
#5575ce |
rgb(85,117,206) |
hsl(224,55%,57%) |
#4165c8 |
rgb(65,101,200) |
hsl(224,55%,52%) |
#3659ba |
rgb(54,89,186) |
hsl(224,55%,47%) |
#3050a6 |
rgb(48,80,166) |
hsl(224,55%,42%) |
#2a4692 |
rgb(42,70,146) |
hsl(224,55%,37%) |
#253d7e |
rgb(37,61,126) |
hsl(224,55%,32%) |
#1f336b |
rgb(31,51,107) |
hsl(224,55%,27%) |
#192a57 |
rgb(25,42,87) |
hsl(224,55%,22%) |
#142043 |
rgb(20,32,67) |
hsl(224,55%,17%) |
#0e172f |
rgb(14,23,47) |
hsl(224,55%,12%) |
#080d1c |
rgb(8,13,28) |
hsl(224,55%,7%) |
#020408 |
rgb(2,4,8) |
hsl(224,55%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#309EA6 |
rgb(48,158,166) |
hsl(184,55%,42%) |
#3050A6 |
rgb(48,80,166) |
hsl(224,55%,42%) |
#5E30A6 |
rgb(94,48,166) |
hsl(263,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4E70CB |
rgb(78,112,203) |
hsl(224,55%,55%) |
#375CC0 |
rgb(55,92,192) |
hsl(224,55%,48%) |
#3050A6 |
rgb(48,80,166) |
hsl(224,55%,42%) |
#28428B |
rgb(40,66,139) |
hsl(224,55%,35%) |
#203670 |
rgb(32,54,112) |
hsl(224,56%,28%) |
#182956 |
rgb(24,41,86) |
hsl(224,56%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3050A6 |
rgb(48,80,166) |
hsl(224,55%,42%) |
#A64A30 |
rgb(166,74,48) |
hsl(13,55%,42%) |
#8BA630 |
rgb(139,166,48) |
hsl(74,55%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3050A6 |
rgb(48,80,166) |
hsl(224,55%,42%) |
#A68730 |
rgb(166,135,48) |
hsl(44,55%,42%) |
#308CA6 |
rgb(48,140,166) |
hsl(193,55%,42%) |
#8BA630 |
rgb(139,166,48) |
hsl(74,55%,42%) |