HEX #506DBE color — Indigo
The color #506DBE is a dark shade and moderately saturated.
Palette
506DBE color palette from light to dark
HEX |
RGB |
HSL |
#f8f9fc |
rgb(248,249,252) |
hsl(224,46%,98%) |
#e5e9f5 |
rgb(229,233,245) |
hsl(224,46%,93%) |
#d2daee |
rgb(210,218,238) |
hsl(224,46%,88%) |
#c0cae8 |
rgb(192,202,232) |
hsl(224,46%,83%) |
#adbbe1 |
rgb(173,187,225) |
hsl(224,46%,78%) |
#9aabda |
rgb(154,171,218) |
hsl(224,46%,73%) |
#889cd3 |
rgb(136,156,211) |
hsl(224,46%,68%) |
#758ccc |
rgb(117,140,204) |
hsl(224,46%,63%) |
#637dc5 |
rgb(99,125,197) |
hsl(224,46%,58%) |
#506dbe |
rgb(80,109,190) |
hsl(224,46%,53%) |
#4260b3 |
rgb(66,96,179) |
hsl(224,46%,48%) |
#3b56a0 |
rgb(59,86,160) |
hsl(224,46%,43%) |
#344c8d |
rgb(52,76,141) |
hsl(224,46%,38%) |
#2d427b |
rgb(45,66,123) |
hsl(224,46%,33%) |
#273868 |
rgb(39,56,104) |
hsl(224,46%,28%) |
#202e56 |
rgb(32,46,86) |
hsl(224,46%,23%) |
#192443 |
rgb(25,36,67) |
hsl(224,46%,18%) |
#121a30 |
rgb(18,26,48) |
hsl(224,46%,13%) |
#0b101e |
rgb(11,16,30) |
hsl(224,46%,8%) |
#04060b |
rgb(4,6,11) |
hsl(224,46%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#50B8BE |
rgb(80,184,190) |
hsl(183,46%,53%) |
#506DBE |
rgb(80,109,190) |
hsl(224,46%,53%) |
#7C4FBE |
rgb(124,79,190) |
hsl(264,46%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8FA1D5 |
rgb(143,161,213) |
hsl(225,45%,70%) |
#6F87C9 |
rgb(111,135,201) |
hsl(224,45%,61%) |
#506DBE |
rgb(80,109,190) |
hsl(224,46%,53%) |
#3D59A5 |
rgb(61,89,165) |
hsl(224,46%,44%) |
#314785 |
rgb(49,71,133) |
hsl(224,46%,36%) |
#263866 |
rgb(38,56,102) |
hsl(223,46%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#506DBE |
rgb(80,109,190) |
hsl(224,46%,53%) |
#BE6B50 |
rgb(190,107,80) |
hsl(15,46%,53%) |
#A4BF50 |
rgb(164,191,80) |
hsl(75,46%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#506DBE |
rgb(80,109,190) |
hsl(224,46%,53%) |
#BEA150 |
rgb(190,161,80) |
hsl(44,46%,53%) |
#50A3BE |
rgb(80,163,190) |
hsl(195,46%,53%) |
#A4BF50 |
rgb(164,191,80) |
hsl(75,46%,53%) |