HEX #3F63C6 color — Indigo
The color #3f63c6 is a dark shade and moderately saturated.
Palette
3f63c6 color palette from light to dark
HEX |
RGB |
HSL |
#eff2fa |
rgb(239,242,250) |
hsl(224,54%,96%) |
#dce2f4 |
rgb(220,226,244) |
hsl(224,54%,91%) |
#c8d2ef |
rgb(200,210,239) |
hsl(224,54%,86%) |
#b4c2e9 |
rgb(180,194,233) |
hsl(224,54%,81%) |
#a1b2e3 |
rgb(161,178,227) |
hsl(224,54%,76%) |
#8da2dd |
rgb(141,162,221) |
hsl(224,54%,71%) |
#7992d7 |
rgb(121,146,215) |
hsl(224,54%,66%) |
#6682d1 |
rgb(102,130,209) |
hsl(224,54%,61%) |
#5273cb |
rgb(82,115,203) |
hsl(224,54%,56%) |
#3f63c6 |
rgb(63,99,198) |
hsl(224,54%,51%) |
#3658b5 |
rgb(54,88,181) |
hsl(224,54%,46%) |
#304ea1 |
rgb(48,78,161) |
hsl(224,54%,41%) |
#2a458d |
rgb(42,69,141) |
hsl(224,54%,36%) |
#243b7a |
rgb(36,59,122) |
hsl(224,54%,31%) |
#1e3266 |
rgb(30,50,102) |
hsl(224,54%,26%) |
#192852 |
rgb(25,40,82) |
hsl(224,54%,21%) |
#131f3f |
rgb(19,31,63) |
hsl(224,54%,16%) |
#0d152b |
rgb(13,21,43) |
hsl(224,54%,11%) |
#070b18 |
rgb(7,11,24) |
hsl(224,54%,6%) |
#010204 |
rgb(1,2,4) |
hsl(224,54%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FBDC6 |
rgb(63,189,198) |
hsl(184,54%,51%) |
#3F63C6 |
rgb(63,99,198) |
hsl(224,54%,51%) |
#7540C6 |
rgb(117,64,198) |
hsl(264,54%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7F96D9 |
rgb(127,150,217) |
hsl(225,54%,67%) |
#5F7DCF |
rgb(95,125,207) |
hsl(224,54%,59%) |
#3F63C6 |
rgb(63,99,198) |
hsl(224,54%,51%) |
#3252A9 |
rgb(50,82,169) |
hsl(224,54%,43%) |
#284288 |
rgb(40,66,136) |
hsl(224,55%,35%) |
#1F3368 |
rgb(31,51,104) |
hsl(224,54%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F63C6 |
rgb(63,99,198) |
hsl(224,54%,51%) |
#C65E3F |
rgb(198,94,63) |
hsl(14,54%,51%) |
#A6C73F |
rgb(166,199,63) |
hsl(75,55%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F63C6 |
rgb(63,99,198) |
hsl(224,54%,51%) |
#C6A33F |
rgb(198,163,63) |
hsl(44,54%,51%) |
#3FA6C6 |
rgb(63,166,198) |
hsl(194,54%,51%) |
#A6C73F |
rgb(166,199,63) |
hsl(75,55%,51%) |