HEX #3F5CF2 color — Royal Blue
The color #3F5CF2 is a dark shade and moderately saturated.
Palette
3F5CF2 color palette from light to dark
HEX |
RGB |
HSL |
#e7ebfd |
rgb(231,235,253) |
hsl(230,87%,95%) |
#cfd7fc |
rgb(207,215,252) |
hsl(230,87%,90%) |
#b7c3fa |
rgb(183,195,250) |
hsl(230,87%,85%) |
#a0aef8 |
rgb(160,174,248) |
hsl(230,87%,80%) |
#889af7 |
rgb(136,154,247) |
hsl(230,87%,75%) |
#7086f5 |
rgb(112,134,245) |
hsl(230,87%,70%) |
#5872f3 |
rgb(88,114,243) |
hsl(230,87%,65%) |
#405ef2 |
rgb(64,94,242) |
hsl(230,87%,60%) |
#284af0 |
rgb(40,74,240) |
hsl(230,87%,55%) |
#1136ee |
rgb(17,54,238) |
hsl(230,87%,50%) |
#0f30d7 |
rgb(15,48,215) |
hsl(230,87%,45%) |
#0d2bbf |
rgb(13,43,191) |
hsl(230,87%,40%) |
#0c25a7 |
rgb(12,37,167) |
hsl(230,87%,35%) |
#0a208f |
rgb(10,32,143) |
hsl(230,87%,30%) |
#081b77 |
rgb(8,27,119) |
hsl(230,87%,25%) |
#07155f |
rgb(7,21,95) |
hsl(230,87%,20%) |
#051048 |
rgb(5,16,72) |
hsl(230,87%,15%) |
#030b30 |
rgb(3,11,48) |
hsl(230,87%,10%) |
#020518 |
rgb(2,5,24) |
hsl(230,87%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FD4F2 |
rgb(63,212,242) |
hsl(190,87%,60%) |
#3F5CF2 |
rgb(63,92,242) |
hsl(230,87%,60%) |
#9940F2 |
rgb(153,64,242) |
hsl(270,87%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9AABF8 |
rgb(154,171,248) |
hsl(229,87%,79%) |
#6C82F5 |
rgb(108,130,245) |
hsl(230,87%,69%) |
#3F5CF2 |
rgb(63,92,242) |
hsl(230,87%,60%) |
#1136EE |
rgb(17,54,238) |
hsl(230,87%,50%) |
#0D2BC2 |
rgb(13,43,194) |
hsl(230,87%,41%) |
#0A2194 |
rgb(10,33,148) |
hsl(230,87%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F5CF2 |
rgb(63,92,242) |
hsl(230,87%,60%) |
#F27A3F |
rgb(242,122,63) |
hsl(20,87%,60%) |
#B5F23F |
rgb(181,242,63) |
hsl(80,87%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F5CF2 |
rgb(63,92,242) |
hsl(230,87%,60%) |
#F2D63F |
rgb(242,214,63) |
hsl(51,87%,60%) |
#3FB5F2 |
rgb(63,181,242) |
hsl(200,87%,60%) |
#B5F23F |
rgb(181,242,63) |
hsl(80,87%,60%) |