HEX #506BD4 color — Indigo
The color #506BD4 is a dark shade and moderately saturated.
Palette
506BD4 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(228,61%,97%) |
#dee3f7 |
rgb(222,227,247) |
hsl(228,61%,92%) |
#cad2f2 |
rgb(202,210,242) |
hsl(228,61%,87%) |
#b5c0ed |
rgb(181,192,237) |
hsl(228,61%,82%) |
#a1afe8 |
rgb(161,175,232) |
hsl(228,61%,77%) |
#8c9de3 |
rgb(140,157,227) |
hsl(228,61%,72%) |
#788cde |
rgb(120,140,222) |
hsl(228,61%,67%) |
#637bd9 |
rgb(99,123,217) |
hsl(228,61%,62%) |
#4e69d4 |
rgb(78,105,212) |
hsl(228,61%,57%) |
#3a58cf |
rgb(58,88,207) |
hsl(228,61%,52%) |
#2f4cc1 |
rgb(47,76,193) |
hsl(228,61%,47%) |
#2a44ac |
rgb(42,68,172) |
hsl(228,61%,42%) |
#253c98 |
rgb(37,60,152) |
hsl(228,61%,37%) |
#203483 |
rgb(32,52,131) |
hsl(228,61%,32%) |
#1b2c6f |
rgb(27,44,111) |
hsl(228,61%,27%) |
#16245a |
rgb(22,36,90) |
hsl(228,61%,22%) |
#111b46 |
rgb(17,27,70) |
hsl(228,61%,17%) |
#0c1331 |
rgb(12,19,49) |
hsl(228,61%,12%) |
#070b1d |
rgb(7,11,29) |
hsl(228,61%,7%) |
#020308 |
rgb(2,3,8) |
hsl(228,61%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#50C2D4 |
rgb(80,194,212) |
hsl(188,61%,57%) |
#506BD4 |
rgb(80,107,212) |
hsl(228,61%,57%) |
#8D4FD4 |
rgb(141,79,212) |
hsl(268,61%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9BABE6 |
rgb(155,171,230) |
hsl(227,60%,75%) |
#758ADD |
rgb(117,138,221) |
hsl(228,60%,66%) |
#506BD4 |
rgb(80,107,212) |
hsl(228,61%,57%) |
#304FC4 |
rgb(48,79,196) |
hsl(227,61%,48%) |
#27409F |
rgb(39,64,159) |
hsl(228,61%,39%) |
#1D3079 |
rgb(29,48,121) |
hsl(228,61%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#506BD4 |
rgb(80,107,212) |
hsl(228,61%,57%) |
#D47850 |
rgb(212,120,80) |
hsl(18,61%,57%) |
#ADD450 |
rgb(173,212,80) |
hsl(78,61%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#506BD4 |
rgb(80,107,212) |
hsl(228,61%,57%) |
#D4BA50 |
rgb(212,186,80) |
hsl(48,61%,57%) |
#50ADD4 |
rgb(80,173,212) |
hsl(198,61%,57%) |
#ADD450 |
rgb(173,212,80) |
hsl(78,61%,57%) |