HEX #506EC0 color — Indigo
The color #506EC0 is a dark shade and moderately saturated.
Palette
506EC0 color palette from light to dark
HEX |
RGB |
HSL |
#f8f9fc |
rgb(248,249,252) |
hsl(224,47%,98%) |
#e5e9f6 |
rgb(229,233,246) |
hsl(224,47%,93%) |
#d2daef |
rgb(210,218,239) |
hsl(224,47%,88%) |
#bfcae8 |
rgb(191,202,232) |
hsl(224,47%,83%) |
#adbbe1 |
rgb(173,187,225) |
hsl(224,47%,78%) |
#9aabdb |
rgb(154,171,219) |
hsl(224,47%,73%) |
#879cd4 |
rgb(135,156,212) |
hsl(224,47%,68%) |
#748ccd |
rgb(116,140,205) |
hsl(224,47%,63%) |
#627cc6 |
rgb(98,124,198) |
hsl(224,47%,58%) |
#4f6dbf |
rgb(79,109,191) |
hsl(224,47%,53%) |
#4160b4 |
rgb(65,96,180) |
hsl(224,47%,48%) |
#3a56a1 |
rgb(58,86,161) |
hsl(224,47%,43%) |
#334c8e |
rgb(51,76,142) |
hsl(224,47%,38%) |
#2d427c |
rgb(45,66,124) |
hsl(224,47%,33%) |
#263869 |
rgb(38,56,105) |
hsl(224,47%,28%) |
#1f2e56 |
rgb(31,46,86) |
hsl(224,47%,23%) |
#182443 |
rgb(24,36,67) |
hsl(224,47%,18%) |
#121a31 |
rgb(18,26,49) |
hsl(224,47%,13%) |
#0b101e |
rgb(11,16,30) |
hsl(224,47%,8%) |
#04060b |
rgb(4,6,11) |
hsl(224,47%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#50B8C0 |
rgb(80,184,192) |
hsl(184,47%,53%) |
#506EC0 |
rgb(80,110,192) |
hsl(224,47%,53%) |
#7C4FC0 |
rgb(124,79,192) |
hsl(264,47%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#90A3D7 |
rgb(144,163,215) |
hsl(224,47%,70%) |
#708ACB |
rgb(112,138,203) |
hsl(223,47%,62%) |
#506EC0 |
rgb(80,110,192) |
hsl(224,47%,53%) |
#3C59A8 |
rgb(60,89,168) |
hsl(224,47%,45%) |
#304788 |
rgb(48,71,136) |
hsl(224,48%,36%) |
#253868 |
rgb(37,56,104) |
hsl(223,48%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#506EC0 |
rgb(80,110,192) |
hsl(224,47%,53%) |
#C06B50 |
rgb(192,107,80) |
hsl(14,47%,53%) |
#A6BF50 |
rgb(166,191,80) |
hsl(74,46%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#506EC0 |
rgb(80,110,192) |
hsl(224,47%,53%) |
#C0A350 |
rgb(192,163,80) |
hsl(44,47%,53%) |
#50A6C0 |
rgb(80,166,192) |
hsl(194,47%,53%) |
#A6BF50 |
rgb(166,191,80) |
hsl(74,46%,53%) |