HEX #485E80 color — Blue Bayoux
The color #485E80 is a dark shade and slightly desaturated.
Palette
485E80 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(216,28%,99%) |
#ebeff4 |
rgb(235,239,244) |
hsl(216,28%,94%) |
#dbe1eb |
rgb(219,225,235) |
hsl(216,28%,89%) |
#cbd4e2 |
rgb(203,212,226) |
hsl(216,28%,84%) |
#bac6d8 |
rgb(186,198,216) |
hsl(216,28%,79%) |
#aab9cf |
rgb(170,185,207) |
hsl(216,28%,74%) |
#9aacc6 |
rgb(154,172,198) |
hsl(216,28%,69%) |
#899ebd |
rgb(137,158,189) |
hsl(216,28%,64%) |
#7991b4 |
rgb(121,145,180) |
hsl(216,28%,59%) |
#6983ab |
rgb(105,131,171) |
hsl(216,28%,54%) |
#5a76a0 |
rgb(90,118,160) |
hsl(216,28%,49%) |
#516a90 |
rgb(81,106,144) |
hsl(216,28%,44%) |
#485e7f |
rgb(72,94,127) |
hsl(216,28%,39%) |
#3e526f |
rgb(62,82,111) |
hsl(216,28%,34%) |
#35465f |
rgb(53,70,95) |
hsl(216,28%,29%) |
#2c3a4e |
rgb(44,58,78) |
hsl(216,28%,24%) |
#232e3e |
rgb(35,46,62) |
hsl(216,28%,19%) |
#1a222e |
rgb(26,34,46) |
hsl(216,28%,14%) |
#11161d |
rgb(17,22,29) |
hsl(216,28%,9%) |
#070a0d |
rgb(7,10,13) |
hsl(216,28%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#48807C |
rgb(72,128,124) |
hsl(176,28%,39%) |
#485E80 |
rgb(72,94,128) |
hsl(216,28%,39%) |
#574780 |
rgb(87,71,128) |
hsl(257,29%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#536E94 |
rgb(83,110,148) |
hsl(215,28%,45%) |
#485E80 |
rgb(72,94,128) |
hsl(216,28%,39%) |
#3C4F6B |
rgb(60,79,107) |
hsl(216,28%,33%) |
#304057 |
rgb(48,64,87) |
hsl(215,29%,26%) |
#253042 |
rgb(37,48,66) |
hsl(217,28%,20%) |
#19212E |
rgb(25,33,46) |
hsl(217,30%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#485E80 |
rgb(72,94,128) |
hsl(216,28%,39%) |
#804F48 |
rgb(128,79,72) |
hsl(8,28%,39%) |
#7A8048 |
rgb(122,128,72) |
hsl(66,28%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#485E80 |
rgb(72,94,128) |
hsl(216,28%,39%) |
#806B48 |
rgb(128,107,72) |
hsl(38,28%,39%) |
#487A80 |
rgb(72,122,128) |
hsl(186,28%,39%) |
#7A8048 |
rgb(122,128,72) |
hsl(66,28%,39%) |