HEX #3D63C2 color — Indigo
The color #3d63c2 is a dark shade and moderately saturated.
Palette
3d63c2 color palette from light to dark
| HEX |
RGB |
HSL |
| #eceff9 |
rgb(236,239,249) |
hsl(223,52%,95%) |
| #d8e0f3 |
rgb(216,224,243) |
hsl(223,52%,90%) |
| #c5d0ed |
rgb(197,208,237) |
hsl(223,52%,85%) |
| #b1c1e7 |
rgb(177,193,231) |
hsl(223,52%,80%) |
| #9eb1e0 |
rgb(158,177,224) |
hsl(223,52%,75%) |
| #8ba1da |
rgb(139,161,218) |
hsl(223,52%,70%) |
| #7792d4 |
rgb(119,146,212) |
hsl(223,52%,65%) |
| #6482ce |
rgb(100,130,206) |
hsl(223,52%,60%) |
| #5172c8 |
rgb(81,114,200) |
hsl(223,52%,55%) |
| #3d63c2 |
rgb(61,99,194) |
hsl(223,52%,50%) |
| #3759ae |
rgb(55,89,174) |
hsl(223,52%,45%) |
| #314f9b |
rgb(49,79,155) |
hsl(223,52%,40%) |
| #2b4588 |
rgb(43,69,136) |
hsl(223,52%,35%) |
| #253b74 |
rgb(37,59,116) |
hsl(223,52%,30%) |
| #1f3161 |
rgb(31,49,97) |
hsl(223,52%,25%) |
| #18284e |
rgb(24,40,78) |
hsl(223,52%,20%) |
| #121e3a |
rgb(18,30,58) |
hsl(223,52%,15%) |
| #0c1427 |
rgb(12,20,39) |
hsl(223,52%,10%) |
| #060a13 |
rgb(6,10,19) |
hsl(223,52%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3DBDC2 |
rgb(61,189,194) |
hsl(182,52%,50%) |
| #3D63C2 |
rgb(61,99,194) |
hsl(223,52%,50%) |
| #6F3DC2 |
rgb(111,61,194) |
hsl(263,52%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7B94D5 |
rgb(123,148,213) |
hsl(223,52%,66%) |
| #5C7DCB |
rgb(92,125,203) |
hsl(222,52%,58%) |
| #3D63C2 |
rgb(61,99,194) |
hsl(223,52%,50%) |
| #3354A2 |
rgb(51,84,162) |
hsl(222,52%,42%) |
| #294283 |
rgb(41,66,131) |
hsl(223,52%,34%) |
| #1F3364 |
rgb(31,51,100) |
hsl(223,53%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3D63C2 |
rgb(61,99,194) |
hsl(223,52%,50%) |
| #C2593D |
rgb(194,89,61) |
hsl(13,52%,50%) |
| #A5C23D |
rgb(165,194,61) |
hsl(73,52%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3D63C2 |
rgb(61,99,194) |
hsl(223,52%,50%) |
| #C29C3D |
rgb(194,156,61) |
hsl(43,52%,50%) |
| #3DA6C2 |
rgb(61,166,194) |
hsl(193,52%,50%) |
| #A5C23D |
rgb(165,194,61) |
hsl(73,52%,50%) |
