HEX #507DC5 color — Indigo
The color #507DC5 is a dark shade and moderately saturated.
Palette
507DC5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(217,50%,99%) |
#e8eef7 |
rgb(232,238,247) |
hsl(217,50%,94%) |
#d5e0f1 |
rgb(213,224,241) |
hsl(217,50%,89%) |
#c2d1eb |
rgb(194,209,235) |
hsl(217,50%,84%) |
#afc3e4 |
rgb(175,195,228) |
hsl(217,50%,79%) |
#9cb5de |
rgb(156,181,222) |
hsl(217,50%,74%) |
#88a7d7 |
rgb(136,167,215) |
hsl(217,50%,69%) |
#7598d1 |
rgb(117,152,209) |
hsl(217,50%,64%) |
#628acb |
rgb(98,138,203) |
hsl(217,50%,59%) |
#4f7cc4 |
rgb(79,124,196) |
hsl(217,50%,54%) |
#3e6ebb |
rgb(62,110,187) |
hsl(217,50%,49%) |
#3863a8 |
rgb(56,99,168) |
hsl(217,50%,44%) |
#325895 |
rgb(50,88,149) |
hsl(217,50%,39%) |
#2b4d82 |
rgb(43,77,130) |
hsl(217,50%,34%) |
#25416f |
rgb(37,65,111) |
hsl(217,50%,29%) |
#1f365c |
rgb(31,54,92) |
hsl(217,50%,24%) |
#182b49 |
rgb(24,43,73) |
hsl(217,50%,19%) |
#122036 |
rgb(18,32,54) |
hsl(217,50%,14%) |
#0b1422 |
rgb(11,20,34) |
hsl(217,50%,9%) |
#05090f |
rgb(5,9,15) |
hsl(217,50%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#50C4BF |
rgb(80,196,191) |
hsl(177,50%,54%) |
#507DC5 |
rgb(80,125,197) |
hsl(217,50%,54%) |
#714FC5 |
rgb(113,79,197) |
hsl(257,50%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#92ADDB |
rgb(146,173,219) |
hsl(218,50%,72%) |
#7196D0 |
rgb(113,150,208) |
hsl(217,50%,63%) |
#507DC5 |
rgb(80,125,197) |
hsl(217,50%,54%) |
#3966AE |
rgb(57,102,174) |
hsl(217,51%,45%) |
#2E548D |
rgb(46,84,141) |
hsl(216,51%,37%) |
#23406C |
rgb(35,64,108) |
hsl(216,51%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#507DC5 |
rgb(80,125,197) |
hsl(217,50%,54%) |
#C55E50 |
rgb(197,94,80) |
hsl(7,50%,54%) |
#B7C450 |
rgb(183,196,80) |
hsl(67,50%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#507DC5 |
rgb(80,125,197) |
hsl(217,50%,54%) |
#C59950 |
rgb(197,153,80) |
hsl(37,50%,54%) |
#50B8C5 |
rgb(80,184,197) |
hsl(187,50%,54%) |
#B7C450 |
rgb(183,196,80) |
hsl(67,50%,54%) |