HEX #506BBE color — Indigo
The color #506BBE is a dark shade and moderately saturated.
Palette
506BBE color palette from light to dark
HEX |
RGB |
HSL |
#f8f9fc |
rgb(248,249,252) |
hsl(225,46%,98%) |
#e5e9f5 |
rgb(229,233,245) |
hsl(225,46%,93%) |
#d2d9ee |
rgb(210,217,238) |
hsl(225,46%,88%) |
#c0cae8 |
rgb(192,202,232) |
hsl(225,46%,83%) |
#adbae1 |
rgb(173,186,225) |
hsl(225,46%,78%) |
#9aaada |
rgb(154,170,218) |
hsl(225,46%,73%) |
#889bd3 |
rgb(136,155,211) |
hsl(225,46%,68%) |
#758bcc |
rgb(117,139,204) |
hsl(225,46%,63%) |
#637bc5 |
rgb(99,123,197) |
hsl(225,46%,58%) |
#506cbe |
rgb(80,108,190) |
hsl(225,46%,53%) |
#425eb3 |
rgb(66,94,179) |
hsl(225,46%,48%) |
#3b54a0 |
rgb(59,84,160) |
hsl(225,46%,43%) |
#344b8d |
rgb(52,75,141) |
hsl(225,46%,38%) |
#2d417b |
rgb(45,65,123) |
hsl(225,46%,33%) |
#273768 |
rgb(39,55,104) |
hsl(225,46%,28%) |
#202d56 |
rgb(32,45,86) |
hsl(225,46%,23%) |
#192343 |
rgb(25,35,67) |
hsl(225,46%,18%) |
#121a30 |
rgb(18,26,48) |
hsl(225,46%,13%) |
#0b101e |
rgb(11,16,30) |
hsl(225,46%,8%) |
#04060b |
rgb(4,6,11) |
hsl(225,46%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#50B5BE |
rgb(80,181,190) |
hsl(185,46%,53%) |
#506BBE |
rgb(80,107,190) |
hsl(225,46%,53%) |
#7E4FBE |
rgb(126,79,190) |
hsl(265,46%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8FA1D5 |
rgb(143,161,213) |
hsl(225,45%,70%) |
#6F85C9 |
rgb(111,133,201) |
hsl(225,45%,61%) |
#506BBE |
rgb(80,107,190) |
hsl(225,46%,53%) |
#3D57A5 |
rgb(61,87,165) |
hsl(225,46%,44%) |
#314785 |
rgb(49,71,133) |
hsl(224,46%,36%) |
#263666 |
rgb(38,54,102) |
hsl(225,46%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#506BBE |
rgb(80,107,190) |
hsl(225,46%,53%) |
#BE6B50 |
rgb(190,107,80) |
hsl(15,46%,53%) |
#A2BF50 |
rgb(162,191,80) |
hsl(76,46%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#506BBE |
rgb(80,107,190) |
hsl(225,46%,53%) |
#BEA350 |
rgb(190,163,80) |
hsl(45,46%,53%) |
#50A3BE |
rgb(80,163,190) |
hsl(195,46%,53%) |
#A2BF50 |
rgb(162,191,80) |
hsl(76,46%,53%) |