HEX #5A7DC3 color — Indigo
The color #5A7DC3 is a dark shade and moderately saturated.
Palette
5A7DC3 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3fa |
rgb(240,243,250) |
hsl(220,47%,96%) |
#dde4f3 |
rgb(221,228,243) |
hsl(220,47%,91%) |
#cbd6ec |
rgb(203,214,236) |
hsl(220,47%,86%) |
#b8c7e5 |
rgb(184,199,229) |
hsl(220,47%,81%) |
#a5b8df |
rgb(165,184,223) |
hsl(220,47%,76%) |
#92a9d8 |
rgb(146,169,216) |
hsl(220,47%,71%) |
#809bd1 |
rgb(128,155,209) |
hsl(220,47%,66%) |
#6d8cca |
rgb(109,140,202) |
hsl(220,47%,61%) |
#5a7dc4 |
rgb(90,125,196) |
hsl(220,47%,56%) |
#476ebd |
rgb(71,110,189) |
hsl(220,47%,51%) |
#3e63ac |
rgb(62,99,172) |
hsl(220,47%,46%) |
#37589a |
rgb(55,88,154) |
hsl(220,47%,41%) |
#314d87 |
rgb(49,77,135) |
hsl(220,47%,36%) |
#2a4374 |
rgb(42,67,116) |
hsl(220,47%,31%) |
#233861 |
rgb(35,56,97) |
hsl(220,47%,26%) |
#1c2d4f |
rgb(28,45,79) |
hsl(220,47%,21%) |
#16223c |
rgb(22,34,60) |
hsl(220,47%,16%) |
#0f1829 |
rgb(15,24,41) |
hsl(220,47%,11%) |
#080d16 |
rgb(8,13,22) |
hsl(220,47%,6%) |
#010204 |
rgb(1,2,4) |
hsl(220,47%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AC2C3 |
rgb(90,194,195) |
hsl(181,47%,56%) |
#5A7DC3 |
rgb(90,125,195) |
hsl(220,47%,56%) |
#7D59C3 |
rgb(125,89,195) |
hsl(260,47%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9CB3DB |
rgb(156,179,219) |
hsl(218,47%,74%) |
#7B96CF |
rgb(123,150,207) |
hsl(221,47%,65%) |
#5A7DC3 |
rgb(90,125,195) |
hsl(220,47%,56%) |
#3F66AF |
rgb(63,102,175) |
hsl(219,47%,47%) |
#33528E |
rgb(51,82,142) |
hsl(220,47%,38%) |
#27406C |
rgb(39,64,108) |
hsl(218,47%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A7DC3 |
rgb(90,125,195) |
hsl(220,47%,56%) |
#C36B5A |
rgb(195,107,90) |
hsl(10,47%,56%) |
#B1C25A |
rgb(177,194,90) |
hsl(70,46%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A7DC3 |
rgb(90,125,195) |
hsl(220,47%,56%) |
#C3A15A |
rgb(195,161,90) |
hsl(41,47%,56%) |
#5AB3C3 |
rgb(90,179,195) |
hsl(189,47%,56%) |
#B1C25A |
rgb(177,194,90) |
hsl(70,46%,56%) |