HEX #3F63BB color — Indigo
The color #3F63BB is a dark shade and moderately saturated.
Palette
3F63BB color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(223,50%,99%) |
#e8ecf7 |
rgb(232,236,247) |
hsl(223,50%,94%) |
#d5ddf1 |
rgb(213,221,241) |
hsl(223,50%,89%) |
#c2cdeb |
rgb(194,205,235) |
hsl(223,50%,84%) |
#afbee4 |
rgb(175,190,228) |
hsl(223,50%,79%) |
#9caede |
rgb(156,174,222) |
hsl(223,50%,74%) |
#889fd7 |
rgb(136,159,215) |
hsl(223,50%,69%) |
#758fd1 |
rgb(117,143,209) |
hsl(223,50%,64%) |
#6280cb |
rgb(98,128,203) |
hsl(223,50%,59%) |
#4f70c4 |
rgb(79,112,196) |
hsl(223,50%,54%) |
#3e62bb |
rgb(62,98,187) |
hsl(223,50%,49%) |
#3858a8 |
rgb(56,88,168) |
hsl(223,50%,44%) |
#324e95 |
rgb(50,78,149) |
hsl(223,50%,39%) |
#2b4482 |
rgb(43,68,130) |
hsl(223,50%,34%) |
#253a6f |
rgb(37,58,111) |
hsl(223,50%,29%) |
#1f305c |
rgb(31,48,92) |
hsl(223,50%,24%) |
#182649 |
rgb(24,38,73) |
hsl(223,50%,19%) |
#121c36 |
rgb(18,28,54) |
hsl(223,50%,14%) |
#0b1222 |
rgb(11,18,34) |
hsl(223,50%,9%) |
#05080f |
rgb(5,8,15) |
hsl(223,50%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FB5BB |
rgb(63,181,187) |
hsl(183,50%,49%) |
#3F63BB |
rgb(63,99,187) |
hsl(223,50%,49%) |
#6D40BB |
rgb(109,64,187) |
hsl(262,49%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7891D1 |
rgb(120,145,209) |
hsl(223,49%,65%) |
#5A7AC7 |
rgb(90,122,199) |
hsl(222,49%,57%) |
#3F63BB |
rgb(63,99,187) |
hsl(223,50%,49%) |
#34549D |
rgb(52,84,157) |
hsl(222,50%,41%) |
#2A427F |
rgb(42,66,127) |
hsl(223,50%,33%) |
#203361 |
rgb(32,51,97) |
hsl(222,50%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F63BB |
rgb(63,99,187) |
hsl(223,50%,49%) |
#BB593F |
rgb(187,89,63) |
hsl(13,50%,49%) |
#A1BA3F |
rgb(161,186,63) |
hsl(72,49%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F63BB |
rgb(63,99,187) |
hsl(223,50%,49%) |
#BB963F |
rgb(187,150,63) |
hsl(42,50%,49%) |
#3FA1BB |
rgb(63,161,187) |
hsl(193,50%,49%) |
#A1BA3F |
rgb(161,186,63) |
hsl(72,49%,49%) |