HEX #3342A6 color — Sapphire
The color #3342A6 is a dark shade and moderately saturated.
Palette
3342A6 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(232,53%,98%) |
#e4e6f7 |
rgb(228,230,247) |
hsl(232,53%,93%) |
#d0d5f1 |
rgb(208,213,241) |
hsl(232,53%,88%) |
#bdc3eb |
rgb(189,195,235) |
hsl(232,53%,83%) |
#a9b1e5 |
rgb(169,177,229) |
hsl(232,53%,78%) |
#969fdf |
rgb(150,159,223) |
hsl(232,53%,73%) |
#828ed9 |
rgb(130,142,217) |
hsl(232,53%,68%) |
#6f7cd3 |
rgb(111,124,211) |
hsl(232,53%,63%) |
#5b6acd |
rgb(91,106,205) |
hsl(232,53%,58%) |
#4859c7 |
rgb(72,89,199) |
hsl(232,53%,53%) |
#3a4bbb |
rgb(58,75,187) |
hsl(232,53%,48%) |
#3443a8 |
rgb(52,67,168) |
hsl(232,53%,43%) |
#2e3b94 |
rgb(46,59,148) |
hsl(232,53%,38%) |
#283381 |
rgb(40,51,129) |
hsl(232,53%,33%) |
#222c6d |
rgb(34,44,109) |
hsl(232,53%,28%) |
#1c245a |
rgb(28,36,90) |
hsl(232,53%,23%) |
#161c46 |
rgb(22,28,70) |
hsl(232,53%,18%) |
#101433 |
rgb(16,20,51) |
hsl(232,53%,13%) |
#0a0c1f |
rgb(10,12,31) |
hsl(232,53%,8%) |
#04050c |
rgb(4,5,12) |
hsl(232,53%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#338FA6 |
rgb(51,143,166) |
hsl(192,53%,43%) |
#3342A6 |
rgb(51,66,166) |
hsl(232,53%,43%) |
#7033A6 |
rgb(112,51,166) |
hsl(272,53%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5363CA |
rgb(83,99,202) |
hsl(232,53%,56%) |
#3B4DC0 |
rgb(59,77,192) |
hsl(232,53%,49%) |
#3342A6 |
rgb(51,66,166) |
hsl(232,53%,43%) |
#2A388B |
rgb(42,56,139) |
hsl(231,54%,35%) |
#222E70 |
rgb(34,46,112) |
hsl(231,53%,29%) |
#1A2156 |
rgb(26,33,86) |
hsl(233,54%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3342A6 |
rgb(51,66,166) |
hsl(232,53%,43%) |
#A65E33 |
rgb(166,94,51) |
hsl(22,53%,43%) |
#7BA633 |
rgb(123,166,51) |
hsl(82,53%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3342A6 |
rgb(51,66,166) |
hsl(232,53%,43%) |
#A69633 |
rgb(166,150,51) |
hsl(52,53%,43%) |
#337AA6 |
rgb(51,122,166) |
hsl(203,53%,43%) |
#7BA633 |
rgb(123,166,51) |
hsl(82,53%,43%) |