HEX #487DC2 color — Indigo
The color #487DC2 is a dark shade and moderately saturated.
Palette
487DC2 color palette from light to dark
HEX |
RGB |
HSL |
#f4f7fb |
rgb(244,247,251) |
hsl(214,50%,97%) |
#e0e9f5 |
rgb(224,233,245) |
hsl(214,50%,92%) |
#cddcee |
rgb(205,220,238) |
hsl(214,50%,87%) |
#bacee8 |
rgb(186,206,232) |
hsl(214,50%,82%) |
#a7c0e2 |
rgb(167,192,226) |
hsl(214,50%,77%) |
#94b3db |
rgb(148,179,219) |
hsl(214,50%,72%) |
#81a5d5 |
rgb(129,165,213) |
hsl(214,50%,67%) |
#6e98cf |
rgb(110,152,207) |
hsl(214,50%,62%) |
#5b8ac8 |
rgb(91,138,200) |
hsl(214,50%,57%) |
#477cc2 |
rgb(71,124,194) |
hsl(214,50%,52%) |
#3c70b4 |
rgb(60,112,180) |
hsl(214,50%,47%) |
#3664a1 |
rgb(54,100,161) |
hsl(214,50%,42%) |
#2f588e |
rgb(47,88,142) |
hsl(214,50%,37%) |
#294c7a |
rgb(41,76,122) |
hsl(214,50%,32%) |
#224067 |
rgb(34,64,103) |
hsl(214,50%,27%) |
#1c3454 |
rgb(28,52,84) |
hsl(214,50%,22%) |
#162841 |
rgb(22,40,65) |
hsl(214,50%,17%) |
#0f1d2e |
rgb(15,29,46) |
hsl(214,50%,12%) |
#09111b |
rgb(9,17,27) |
hsl(214,50%,7%) |
#030508 |
rgb(3,5,8) |
hsl(214,50%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#48C2B5 |
rgb(72,194,181) |
hsl(174,50%,52%) |
#487DC2 |
rgb(72,125,194) |
hsl(214,50%,52%) |
#6447C2 |
rgb(100,71,194) |
hsl(254,50%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#87ABD7 |
rgb(135,171,215) |
hsl(213,50%,69%) |
#6794CC |
rgb(103,148,204) |
hsl(213,50%,60%) |
#487DC2 |
rgb(72,125,194) |
hsl(214,50%,52%) |
#3769A7 |
rgb(55,105,167) |
hsl(213,50%,44%) |
#2D5487 |
rgb(45,84,135) |
hsl(214,50%,35%) |
#224067 |
rgb(34,64,103) |
hsl(214,50%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#487DC2 |
rgb(72,125,194) |
hsl(214,50%,52%) |
#C24F48 |
rgb(194,79,72) |
hsl(3,50%,52%) |
#BAC248 |
rgb(186,194,72) |
hsl(64,50%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#487DC2 |
rgb(72,125,194) |
hsl(214,50%,52%) |
#C28C48 |
rgb(194,140,72) |
hsl(33,50%,52%) |
#48BAC2 |
rgb(72,186,194) |
hsl(184,50%,52%) |
#BAC248 |
rgb(186,194,72) |
hsl(64,50%,52%) |