HEX #3F6BC2 color — Indigo
The color #3F6BC2 is a dark shade and moderately saturated.
Palette
3F6BC2 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf0f9 |
rgb(236,240,249) |
hsl(220,52%,95%) |
| #d8e1f3 |
rgb(216,225,243) |
hsl(220,52%,90%) |
| #c5d2ed |
rgb(197,210,237) |
hsl(220,52%,85%) |
| #b1c3e7 |
rgb(177,195,231) |
hsl(220,52%,80%) |
| #9eb4e0 |
rgb(158,180,224) |
hsl(220,52%,75%) |
| #8ba5da |
rgb(139,165,218) |
hsl(220,52%,70%) |
| #7796d4 |
rgb(119,150,212) |
hsl(220,52%,65%) |
| #6487ce |
rgb(100,135,206) |
hsl(220,52%,60%) |
| #5178c8 |
rgb(81,120,200) |
hsl(220,52%,55%) |
| #3d69c2 |
rgb(61,105,194) |
hsl(220,52%,50%) |
| #375fae |
rgb(55,95,174) |
hsl(220,52%,45%) |
| #31549b |
rgb(49,84,155) |
hsl(220,52%,40%) |
| #2b4a88 |
rgb(43,74,136) |
hsl(220,52%,35%) |
| #253f74 |
rgb(37,63,116) |
hsl(220,52%,30%) |
| #1f3561 |
rgb(31,53,97) |
hsl(220,52%,25%) |
| #182a4e |
rgb(24,42,78) |
hsl(220,52%,20%) |
| #12203a |
rgb(18,32,58) |
hsl(220,52%,15%) |
| #0c1527 |
rgb(12,21,39) |
hsl(220,52%,10%) |
| #060b13 |
rgb(6,11,19) |
hsl(220,52%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3FC2C1 |
rgb(63,194,193) |
hsl(180,52%,50%) |
| #3F6BC2 |
rgb(63,107,194) |
hsl(220,52%,50%) |
| #6A40C2 |
rgb(106,64,194) |
hsl(259,52%,51%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7D9CD5 |
rgb(125,156,213) |
hsl(219,51%,66%) |
| #5E82CB |
rgb(94,130,203) |
hsl(220,51%,58%) |
| #3F6BC2 |
rgb(63,107,194) |
hsl(220,52%,50%) |
| #3459A3 |
rgb(52,89,163) |
hsl(220,52%,42%) |
| #2A4784 |
rgb(42,71,132) |
hsl(221,52%,34%) |
| #203865 |
rgb(32,56,101) |
hsl(219,52%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3F6BC2 |
rgb(63,107,194) |
hsl(220,52%,50%) |
| #C2543F |
rgb(194,84,63) |
hsl(10,52%,50%) |
| #ACC23F |
rgb(172,194,63) |
hsl(70,52%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3F6BC2 |
rgb(63,107,194) |
hsl(220,52%,50%) |
| #C2963F |
rgb(194,150,63) |
hsl(40,52%,50%) |
| #3FADC2 |
rgb(63,173,194) |
hsl(190,52%,50%) |
| #ACC23F |
rgb(172,194,63) |
hsl(70,52%,50%) |
