HEX #3E7AC5 color — Indigo
The color #3E7AC5 is a dark shade and moderately saturated.
Palette
3E7AC5 color palette from light to dark
HEX |
RGB |
HSL |
#eff4fa |
rgb(239,244,250) |
hsl(213,54%,96%) |
#dce7f4 |
rgb(220,231,244) |
hsl(213,54%,91%) |
#c8d9ef |
rgb(200,217,239) |
hsl(213,54%,86%) |
#b4cce9 |
rgb(180,204,233) |
hsl(213,54%,81%) |
#a1bee3 |
rgb(161,190,227) |
hsl(213,54%,76%) |
#8db1dd |
rgb(141,177,221) |
hsl(213,54%,71%) |
#79a4d7 |
rgb(121,164,215) |
hsl(213,54%,66%) |
#6696d1 |
rgb(102,150,209) |
hsl(213,54%,61%) |
#5289cb |
rgb(82,137,203) |
hsl(213,54%,56%) |
#3f7bc6 |
rgb(63,123,198) |
hsl(213,54%,51%) |
#366fb5 |
rgb(54,111,181) |
hsl(213,54%,46%) |
#3063a1 |
rgb(48,99,161) |
hsl(213,54%,41%) |
#2a578d |
rgb(42,87,141) |
hsl(213,54%,36%) |
#244b7a |
rgb(36,75,122) |
hsl(213,54%,31%) |
#1e3f66 |
rgb(30,63,102) |
hsl(213,54%,26%) |
#193352 |
rgb(25,51,82) |
hsl(213,54%,21%) |
#13273f |
rgb(19,39,63) |
hsl(213,54%,16%) |
#0d1b2b |
rgb(13,27,43) |
hsl(213,54%,11%) |
#070e18 |
rgb(7,14,24) |
hsl(213,54%,6%) |
#010204 |
rgb(1,2,4) |
hsl(213,54%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3EC4B6 |
rgb(62,196,182) |
hsl(174,53%,51%) |
#3E7AC5 |
rgb(62,122,197) |
hsl(213,54%,51%) |
#5C3DC5 |
rgb(92,61,197) |
hsl(254,54%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7DA6D8 |
rgb(125,166,216) |
hsl(213,54%,67%) |
#5D8FCE |
rgb(93,143,206) |
hsl(213,54%,59%) |
#3E7AC5 |
rgb(62,122,197) |
hsl(213,54%,51%) |
#3266A7 |
rgb(50,102,167) |
hsl(213,54%,43%) |
#285287 |
rgb(40,82,135) |
hsl(213,54%,34%) |
#1F4067 |
rgb(31,64,103) |
hsl(213,54%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3E7AC5 |
rgb(62,122,197) |
hsl(213,54%,51%) |
#C5453E |
rgb(197,69,62) |
hsl(3,54%,51%) |
#BDC43E |
rgb(189,196,62) |
hsl(63,53%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3E7AC5 |
rgb(62,122,197) |
hsl(213,54%,51%) |
#C58A3E |
rgb(197,138,62) |
hsl(34,54%,51%) |
#3EBDC5 |
rgb(62,189,197) |
hsl(184,54%,51%) |
#BDC43E |
rgb(189,196,62) |
hsl(63,53%,51%) |