HEX #3F78B4 color — Steel Blue
The color #3F78B4 is a dark shade and moderately saturated.
Palette
3F78B4 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafc |
rgb(247,250,252) |
hsl(211,48%,98%) |
#e5edf6 |
rgb(229,237,246) |
hsl(211,48%,93%) |
#d2e0ef |
rgb(210,224,239) |
hsl(211,48%,88%) |
#bfd3e8 |
rgb(191,211,232) |
hsl(211,48%,83%) |
#acc6e2 |
rgb(172,198,226) |
hsl(211,48%,78%) |
#99b9db |
rgb(153,185,219) |
hsl(211,48%,73%) |
#86acd5 |
rgb(134,172,213) |
hsl(211,48%,68%) |
#739fce |
rgb(115,159,206) |
hsl(211,48%,63%) |
#6092c7 |
rgb(96,146,199) |
hsl(211,48%,58%) |
#4e85c1 |
rgb(78,133,193) |
hsl(211,48%,53%) |
#4078b5 |
rgb(64,120,181) |
hsl(211,48%,48%) |
#396ca2 |
rgb(57,108,162) |
hsl(211,48%,43%) |
#325f8f |
rgb(50,95,143) |
hsl(211,48%,38%) |
#2c537d |
rgb(44,83,125) |
hsl(211,48%,33%) |
#25466a |
rgb(37,70,106) |
hsl(211,48%,28%) |
#1e3a57 |
rgb(30,58,87) |
hsl(211,48%,23%) |
#182d44 |
rgb(24,45,68) |
hsl(211,48%,18%) |
#112131 |
rgb(17,33,49) |
hsl(211,48%,13%) |
#0b141e |
rgb(11,20,30) |
hsl(211,48%,8%) |
#04080b |
rgb(4,8,11) |
hsl(211,48%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FB5A2 |
rgb(63,181,162) |
hsl(170,48%,48%) |
#3F78B4 |
rgb(63,120,180) |
hsl(211,48%,48%) |
#5440B4 |
rgb(84,64,180) |
hsl(250,48%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#729ECD |
rgb(114,158,205) |
hsl(211,48%,63%) |
#568CC3 |
rgb(86,140,195) |
hsl(210,48%,55%) |
#3F78B4 |
rgb(63,120,180) |
hsl(211,48%,48%) |
#346697 |
rgb(52,102,151) |
hsl(210,49%,40%) |
#2A527A |
rgb(42,82,122) |
hsl(210,49%,32%) |
#203D5D |
rgb(32,61,93) |
hsl(211,49%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F78B4 |
rgb(63,120,180) |
hsl(211,48%,48%) |
#B4403F |
rgb(180,64,63) |
hsl(1,48%,48%) |
#B2B53F |
rgb(178,181,63) |
hsl(62,48%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F78B4 |
rgb(63,120,180) |
hsl(211,48%,48%) |
#B47A3F |
rgb(180,122,63) |
hsl(30,48%,48%) |
#3FB3B4 |
rgb(63,179,180) |
hsl(181,48%,48%) |
#B2B53F |
rgb(178,181,63) |
hsl(62,48%,48%) |