HEX #3F70BB color — Indigo
The color #3F70BB is a dark shade and moderately saturated.
Palette
3F70BB color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(216,50%,99%) |
#e8eef7 |
rgb(232,238,247) |
hsl(216,50%,94%) |
#d5e0f1 |
rgb(213,224,241) |
hsl(216,50%,89%) |
#c2d2eb |
rgb(194,210,235) |
hsl(216,50%,84%) |
#afc4e4 |
rgb(175,196,228) |
hsl(216,50%,79%) |
#9cb6de |
rgb(156,182,222) |
hsl(216,50%,74%) |
#88a8d7 |
rgb(136,168,215) |
hsl(216,50%,69%) |
#759ad1 |
rgb(117,154,209) |
hsl(216,50%,64%) |
#628ccb |
rgb(98,140,203) |
hsl(216,50%,59%) |
#4f7ec4 |
rgb(79,126,196) |
hsl(216,50%,54%) |
#3e70bb |
rgb(62,112,187) |
hsl(216,50%,49%) |
#3865a8 |
rgb(56,101,168) |
hsl(216,50%,44%) |
#325a95 |
rgb(50,90,149) |
hsl(216,50%,39%) |
#2b4e82 |
rgb(43,78,130) |
hsl(216,50%,34%) |
#25436f |
rgb(37,67,111) |
hsl(216,50%,29%) |
#1f375c |
rgb(31,55,92) |
hsl(216,50%,24%) |
#182c49 |
rgb(24,44,73) |
hsl(216,50%,19%) |
#122036 |
rgb(18,32,54) |
hsl(216,50%,14%) |
#0b1522 |
rgb(11,21,34) |
hsl(216,50%,9%) |
#05090f |
rgb(5,9,15) |
hsl(216,50%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FBAB3 |
rgb(63,186,179) |
hsl(177,49%,49%) |
#3F70BB |
rgb(63,112,187) |
hsl(216,50%,49%) |
#6040BB |
rgb(96,64,187) |
hsl(256,49%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#789CD1 |
rgb(120,156,209) |
hsl(216,49%,65%) |
#5A85C7 |
rgb(90,133,199) |
hsl(216,49%,57%) |
#3F70BB |
rgb(63,112,187) |
hsl(216,50%,49%) |
#345E9D |
rgb(52,94,157) |
hsl(216,50%,41%) |
#2A4D7F |
rgb(42,77,127) |
hsl(215,50%,33%) |
#203B61 |
rgb(32,59,97) |
hsl(215,50%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F70BB |
rgb(63,112,187) |
hsl(216,50%,49%) |
#BB4D3F |
rgb(187,77,63) |
hsl(7,50%,49%) |
#AEBA3F |
rgb(174,186,63) |
hsl(66,49%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F70BB |
rgb(63,112,187) |
hsl(216,50%,49%) |
#BB8A3F |
rgb(187,138,63) |
hsl(36,50%,49%) |
#3FADBB |
rgb(63,173,187) |
hsl(187,50%,49%) |
#AEBA3F |
rgb(174,186,63) |
hsl(66,49%,49%) |