HEX #487DC4 color — Indigo
The color #487DC4 is a dark shade and moderately saturated.
Palette
487DC4 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(214,51%,98%) |
#e4ecf6 |
rgb(228,236,246) |
hsl(214,51%,93%) |
#d1def0 |
rgb(209,222,240) |
hsl(214,51%,88%) |
#bed1ea |
rgb(190,209,234) |
hsl(214,51%,83%) |
#aac3e4 |
rgb(170,195,228) |
hsl(214,51%,78%) |
#97b5dd |
rgb(151,181,221) |
hsl(214,51%,73%) |
#84a8d7 |
rgb(132,168,215) |
hsl(214,51%,68%) |
#719ad1 |
rgb(113,154,209) |
hsl(214,51%,63%) |
#5d8dcb |
rgb(93,141,203) |
hsl(214,51%,58%) |
#4a7fc4 |
rgb(74,127,196) |
hsl(214,51%,53%) |
#3c72b9 |
rgb(60,114,185) |
hsl(214,51%,48%) |
#3666a6 |
rgb(54,102,166) |
hsl(214,51%,43%) |
#2f5a92 |
rgb(47,90,146) |
hsl(214,51%,38%) |
#294e7f |
rgb(41,78,127) |
hsl(214,51%,33%) |
#23436c |
rgb(35,67,108) |
hsl(214,51%,28%) |
#1d3759 |
rgb(29,55,89) |
hsl(214,51%,23%) |
#162b45 |
rgb(22,43,69) |
hsl(214,51%,18%) |
#101f32 |
rgb(16,31,50) |
hsl(214,51%,13%) |
#0a131f |
rgb(10,19,31) |
hsl(214,51%,8%) |
#04070c |
rgb(4,7,12) |
hsl(214,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#48C4B8 |
rgb(72,196,184) |
hsl(174,51%,53%) |
#487DC4 |
rgb(72,125,196) |
hsl(214,51%,53%) |
#6547C4 |
rgb(101,71,196) |
hsl(254,51%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#88ABD8 |
rgb(136,171,216) |
hsl(214,51%,69%) |
#6894CE |
rgb(104,148,206) |
hsl(214,51%,61%) |
#487DC4 |
rgb(72,125,196) |
hsl(214,51%,53%) |
#3669AA |
rgb(54,105,170) |
hsl(214,52%,44%) |
#2C5489 |
rgb(44,84,137) |
hsl(214,51%,35%) |
#214069 |
rgb(33,64,105) |
hsl(214,52%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#487DC4 |
rgb(72,125,196) |
hsl(214,51%,53%) |
#C45248 |
rgb(196,82,72) |
hsl(5,51%,53%) |
#BBC448 |
rgb(187,196,72) |
hsl(64,51%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#487DC4 |
rgb(72,125,196) |
hsl(214,51%,53%) |
#C48F48 |
rgb(196,143,72) |
hsl(34,51%,53%) |
#48BAC4 |
rgb(72,186,196) |
hsl(185,51%,53%) |
#BBC448 |
rgb(187,196,72) |
hsl(64,51%,53%) |