HEX #5063C5 color — Indigo
The color #5063C5 is a dark shade and moderately saturated.
Palette
5063C5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(230,50%,99%) |
#e8ebf7 |
rgb(232,235,247) |
hsl(230,50%,94%) |
#d5daf1 |
rgb(213,218,241) |
hsl(230,50%,89%) |
#c2c9eb |
rgb(194,201,235) |
hsl(230,50%,84%) |
#afb8e4 |
rgb(175,184,228) |
hsl(230,50%,79%) |
#9ca7de |
rgb(156,167,222) |
hsl(230,50%,74%) |
#8896d7 |
rgb(136,150,215) |
hsl(230,50%,69%) |
#7585d1 |
rgb(117,133,209) |
hsl(230,50%,64%) |
#6274cb |
rgb(98,116,203) |
hsl(230,50%,59%) |
#4f63c4 |
rgb(79,99,196) |
hsl(230,50%,54%) |
#3e53bb |
rgb(62,83,187) |
hsl(230,50%,49%) |
#384ba8 |
rgb(56,75,168) |
hsl(230,50%,44%) |
#324295 |
rgb(50,66,149) |
hsl(230,50%,39%) |
#2b3a82 |
rgb(43,58,130) |
hsl(230,50%,34%) |
#25316f |
rgb(37,49,111) |
hsl(230,50%,29%) |
#1f295c |
rgb(31,41,92) |
hsl(230,50%,24%) |
#182049 |
rgb(24,32,73) |
hsl(230,50%,19%) |
#121836 |
rgb(18,24,54) |
hsl(230,50%,14%) |
#0b0f22 |
rgb(11,15,34) |
hsl(230,50%,9%) |
#05070f |
rgb(5,7,15) |
hsl(230,50%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#50B0C5 |
rgb(80,176,197) |
hsl(191,50%,54%) |
#5063C5 |
rgb(80,99,197) |
hsl(230,50%,54%) |
#8B4FC5 |
rgb(139,79,197) |
hsl(271,50%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#929EDB |
rgb(146,158,219) |
hsl(230,50%,72%) |
#7180D0 |
rgb(113,128,208) |
hsl(231,50%,63%) |
#5063C5 |
rgb(80,99,197) |
hsl(230,50%,54%) |
#394DAE |
rgb(57,77,174) |
hsl(230,51%,45%) |
#2E3D8D |
rgb(46,61,141) |
hsl(231,51%,37%) |
#23306C |
rgb(35,48,108) |
hsl(229,51%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#5063C5 |
rgb(80,99,197) |
hsl(230,50%,54%) |
#C57850 |
rgb(197,120,80) |
hsl(21,50%,54%) |
#9DC450 |
rgb(157,196,80) |
hsl(80,50%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5063C5 |
rgb(80,99,197) |
hsl(230,50%,54%) |
#C5B350 |
rgb(197,179,80) |
hsl(51,50%,54%) |
#509EC5 |
rgb(80,158,197) |
hsl(200,50%,54%) |
#9DC450 |
rgb(157,196,80) |
hsl(80,50%,54%) |