HEX #506EC5 color — Indigo
The color #506EC5 is a dark shade and moderately saturated.
Palette
506EC5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(225,50%,99%) |
#e8ecf7 |
rgb(232,236,247) |
hsl(225,50%,94%) |
#d5dcf1 |
rgb(213,220,241) |
hsl(225,50%,89%) |
#c2cceb |
rgb(194,204,235) |
hsl(225,50%,84%) |
#afbce4 |
rgb(175,188,228) |
hsl(225,50%,79%) |
#9cacde |
rgb(156,172,222) |
hsl(225,50%,74%) |
#889cd7 |
rgb(136,156,215) |
hsl(225,50%,69%) |
#758cd1 |
rgb(117,140,209) |
hsl(225,50%,64%) |
#627ccb |
rgb(98,124,203) |
hsl(225,50%,59%) |
#4f6cc4 |
rgb(79,108,196) |
hsl(225,50%,54%) |
#3e5ebb |
rgb(62,94,187) |
hsl(225,50%,49%) |
#3854a8 |
rgb(56,84,168) |
hsl(225,50%,44%) |
#324b95 |
rgb(50,75,149) |
hsl(225,50%,39%) |
#2b4182 |
rgb(43,65,130) |
hsl(225,50%,34%) |
#25376f |
rgb(37,55,111) |
hsl(225,50%,29%) |
#1f2e5c |
rgb(31,46,92) |
hsl(225,50%,24%) |
#182449 |
rgb(24,36,73) |
hsl(225,50%,19%) |
#121b36 |
rgb(18,27,54) |
hsl(225,50%,14%) |
#0b1122 |
rgb(11,17,34) |
hsl(225,50%,9%) |
#05080f |
rgb(5,8,15) |
hsl(225,50%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#50BDC5 |
rgb(80,189,197) |
hsl(184,50%,54%) |
#506EC5 |
rgb(80,110,197) |
hsl(225,50%,54%) |
#804FC5 |
rgb(128,79,197) |
hsl(265,50%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#92A6DB |
rgb(146,166,219) |
hsl(224,50%,72%) |
#718AD0 |
rgb(113,138,208) |
hsl(224,50%,63%) |
#506EC5 |
rgb(80,110,197) |
hsl(225,50%,54%) |
#3957AE |
rgb(57,87,174) |
hsl(225,51%,45%) |
#2E478D |
rgb(46,71,141) |
hsl(224,51%,37%) |
#23366C |
rgb(35,54,108) |
hsl(224,51%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#506EC5 |
rgb(80,110,197) |
hsl(225,50%,54%) |
#C56E50 |
rgb(197,110,80) |
hsl(15,50%,54%) |
#A8C450 |
rgb(168,196,80) |
hsl(74,50%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#506EC5 |
rgb(80,110,197) |
hsl(225,50%,54%) |
#C5A650 |
rgb(197,166,80) |
hsl(44,50%,54%) |
#50A8C5 |
rgb(80,168,197) |
hsl(195,50%,54%) |
#A8C450 |
rgb(168,196,80) |
hsl(74,50%,54%) |