HEX #3D7AC2 color — Indigo
The color #3D7AC2 is a dark shade and moderately saturated.
Palette
3D7AC2 color palette from light to dark
HEX |
RGB |
HSL |
#ecf2f9 |
rgb(236,242,249) |
hsl(212,52%,95%) |
#d8e5f3 |
rgb(216,229,243) |
hsl(212,52%,90%) |
#c5d7ed |
rgb(197,215,237) |
hsl(212,52%,85%) |
#b1cae7 |
rgb(177,202,231) |
hsl(212,52%,80%) |
#9ebde0 |
rgb(158,189,224) |
hsl(212,52%,75%) |
#8bb0da |
rgb(139,176,218) |
hsl(212,52%,70%) |
#77a3d4 |
rgb(119,163,212) |
hsl(212,52%,65%) |
#6495ce |
rgb(100,149,206) |
hsl(212,52%,60%) |
#5188c8 |
rgb(81,136,200) |
hsl(212,52%,55%) |
#3d7bc2 |
rgb(61,123,194) |
hsl(212,52%,50%) |
#376fae |
rgb(55,111,174) |
hsl(212,52%,45%) |
#31629b |
rgb(49,98,155) |
hsl(212,52%,40%) |
#2b5688 |
rgb(43,86,136) |
hsl(212,52%,35%) |
#254a74 |
rgb(37,74,116) |
hsl(212,52%,30%) |
#1f3e61 |
rgb(31,62,97) |
hsl(212,52%,25%) |
#18314e |
rgb(24,49,78) |
hsl(212,52%,20%) |
#12253a |
rgb(18,37,58) |
hsl(212,52%,15%) |
#0c1927 |
rgb(12,25,39) |
hsl(212,52%,10%) |
#060c13 |
rgb(6,12,19) |
hsl(212,52%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3DC2B1 |
rgb(61,194,177) |
hsl(172,52%,50%) |
#3D7AC2 |
rgb(61,122,194) |
hsl(212,52%,50%) |
#583DC2 |
rgb(88,61,194) |
hsl(252,52%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7BA6D5 |
rgb(123,166,213) |
hsl(211,52%,66%) |
#5C8FCB |
rgb(92,143,203) |
hsl(212,52%,58%) |
#3D7AC2 |
rgb(61,122,194) |
hsl(212,52%,50%) |
#3366A2 |
rgb(51,102,162) |
hsl(212,52%,42%) |
#295483 |
rgb(41,84,131) |
hsl(211,52%,34%) |
#1F4064 |
rgb(31,64,100) |
hsl(211,53%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D7AC2 |
rgb(61,122,194) |
hsl(212,52%,50%) |
#C2423D |
rgb(194,66,61) |
hsl(2,52%,50%) |
#BCC23D |
rgb(188,194,61) |
hsl(63,52%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D7AC2 |
rgb(61,122,194) |
hsl(212,52%,50%) |
#C2853D |
rgb(194,133,61) |
hsl(32,52%,50%) |
#3DBDC2 |
rgb(61,189,194) |
hsl(182,52%,50%) |
#BCC23D |
rgb(188,194,61) |
hsl(63,52%,50%) |