HEX #3A69BD color — Indigo
The color #3A69BD is a dark shade and moderately saturated.
Palette
3A69BD color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(218,53%,98%) |
#e4ebf7 |
rgb(228,235,247) |
hsl(218,53%,93%) |
#d0dcf1 |
rgb(208,220,241) |
hsl(218,53%,88%) |
#bdceeb |
rgb(189,206,235) |
hsl(218,53%,83%) |
#a9bfe5 |
rgb(169,191,229) |
hsl(218,53%,78%) |
#96b0df |
rgb(150,176,223) |
hsl(218,53%,73%) |
#82a2d9 |
rgb(130,162,217) |
hsl(218,53%,68%) |
#6f93d3 |
rgb(111,147,211) |
hsl(218,53%,63%) |
#5b85cd |
rgb(91,133,205) |
hsl(218,53%,58%) |
#4876c7 |
rgb(72,118,199) |
hsl(218,53%,53%) |
#3a69bb |
rgb(58,105,187) |
hsl(218,53%,48%) |
#345ea8 |
rgb(52,94,168) |
hsl(218,53%,43%) |
#2e5394 |
rgb(46,83,148) |
hsl(218,53%,38%) |
#284881 |
rgb(40,72,129) |
hsl(218,53%,33%) |
#223d6d |
rgb(34,61,109) |
hsl(218,53%,28%) |
#1c325a |
rgb(28,50,90) |
hsl(218,53%,23%) |
#162746 |
rgb(22,39,70) |
hsl(218,53%,18%) |
#101c33 |
rgb(16,28,51) |
hsl(218,53%,13%) |
#0a121f |
rgb(10,18,31) |
hsl(218,53%,8%) |
#04070c |
rgb(4,7,12) |
hsl(218,53%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3ABDB9 |
rgb(58,189,185) |
hsl(178,53%,48%) |
#3A69BD |
rgb(58,105,189) |
hsl(218,53%,48%) |
#623BBD |
rgb(98,59,189) |
hsl(258,52%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7296D3 |
rgb(114,150,211) |
hsl(218,52%,64%) |
#5480CA |
rgb(84,128,202) |
hsl(218,53%,56%) |
#3A69BD |
rgb(58,105,189) |
hsl(218,53%,48%) |
#30599E |
rgb(48,89,158) |
hsl(218,53%,40%) |
#274780 |
rgb(39,71,128) |
hsl(218,53%,33%) |
#1E3662 |
rgb(30,54,98) |
hsl(219,53%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A69BD |
rgb(58,105,189) |
hsl(218,53%,48%) |
#BD4D3A |
rgb(189,77,58) |
hsl(9,53%,48%) |
#AABD3A |
rgb(170,189,58) |
hsl(69,53%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A69BD |
rgb(58,105,189) |
hsl(218,53%,48%) |
#BD8F3A |
rgb(189,143,58) |
hsl(39,53%,48%) |
#3AABBD |
rgb(58,171,189) |
hsl(188,53%,48%) |
#AABD3A |
rgb(170,189,58) |
hsl(69,53%,48%) |