HEX #3F78C2 color — Indigo
The color #3F78C2 is a dark shade and moderately saturated.
Palette
3F78C2 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf1f9 |
rgb(236,241,249) |
hsl(214,52%,95%) |
| #d8e4f3 |
rgb(216,228,243) |
hsl(214,52%,90%) |
| #c5d6ed |
rgb(197,214,237) |
hsl(214,52%,85%) |
| #b1c8e7 |
rgb(177,200,231) |
hsl(214,52%,80%) |
| #9ebbe0 |
rgb(158,187,224) |
hsl(214,52%,75%) |
| #8badda |
rgb(139,173,218) |
hsl(214,52%,70%) |
| #77a0d4 |
rgb(119,160,212) |
hsl(214,52%,65%) |
| #6492ce |
rgb(100,146,206) |
hsl(214,52%,60%) |
| #5184c8 |
rgb(81,132,200) |
hsl(214,52%,55%) |
| #3d77c2 |
rgb(61,119,194) |
hsl(214,52%,50%) |
| #376bae |
rgb(55,107,174) |
hsl(214,52%,45%) |
| #315f9b |
rgb(49,95,155) |
hsl(214,52%,40%) |
| #2b5388 |
rgb(43,83,136) |
hsl(214,52%,35%) |
| #254774 |
rgb(37,71,116) |
hsl(214,52%,30%) |
| #1f3b61 |
rgb(31,59,97) |
hsl(214,52%,25%) |
| #182f4e |
rgb(24,47,78) |
hsl(214,52%,20%) |
| #12243a |
rgb(18,36,58) |
hsl(214,52%,15%) |
| #0c1827 |
rgb(12,24,39) |
hsl(214,52%,10%) |
| #060c13 |
rgb(6,12,19) |
hsl(214,52%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3FC2B4 |
rgb(63,194,180) |
hsl(174,52%,50%) |
| #3F78C2 |
rgb(63,120,194) |
hsl(214,52%,50%) |
| #5D40C2 |
rgb(93,64,194) |
hsl(253,52%,51%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7DA3D5 |
rgb(125,163,213) |
hsl(214,51%,66%) |
| #5E8FCB |
rgb(94,143,203) |
hsl(213,51%,58%) |
| #3F78C2 |
rgb(63,120,194) |
hsl(214,52%,50%) |
| #3463A3 |
rgb(52,99,163) |
hsl(215,52%,42%) |
| #2A5284 |
rgb(42,82,132) |
hsl(213,52%,34%) |
| #203D65 |
rgb(32,61,101) |
hsl(215,52%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3F78C2 |
rgb(63,120,194) |
hsl(214,52%,50%) |
| #C2473F |
rgb(194,71,63) |
hsl(4,52%,50%) |
| #B9C23F |
rgb(185,194,63) |
hsl(64,52%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3F78C2 |
rgb(63,120,194) |
hsl(214,52%,50%) |
| #C28A3F |
rgb(194,138,63) |
hsl(34,52%,50%) |
| #3FBAC2 |
rgb(63,186,194) |
hsl(184,52%,50%) |
| #B9C23F |
rgb(185,194,63) |
hsl(64,52%,50%) |
