HEX #486470 color — Blue Bayoux
The color #486470 is a dark shade and slightly desaturated.
Palette
486470 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6f7 |
rgb(243,246,247) |
hsl(198,22%,96%) |
#e3eaed |
rgb(227,234,237) |
hsl(198,22%,91%) |
#d3dee3 |
rgb(211,222,227) |
hsl(198,22%,86%) |
#c4d3d9 |
rgb(196,211,217) |
hsl(198,22%,81%) |
#b4c7cf |
rgb(180,199,207) |
hsl(198,22%,76%) |
#a5bcc5 |
rgb(165,188,197) |
hsl(198,22%,71%) |
#95b0bb |
rgb(149,176,187) |
hsl(198,22%,66%) |
#86a4b1 |
rgb(134,164,177) |
hsl(198,22%,61%) |
#7699a7 |
rgb(118,153,167) |
hsl(198,22%,56%) |
#678d9e |
rgb(103,141,158) |
hsl(198,22%,51%) |
#5b808f |
rgb(91,128,143) |
hsl(198,22%,46%) |
#527280 |
rgb(82,114,128) |
hsl(198,22%,41%) |
#486470 |
rgb(72,100,112) |
hsl(198,22%,36%) |
#3e5660 |
rgb(62,86,96) |
hsl(198,22%,31%) |
#344851 |
rgb(52,72,81) |
hsl(198,22%,26%) |
#2a3a41 |
rgb(42,58,65) |
hsl(198,22%,21%) |
#202c32 |
rgb(32,44,50) |
hsl(198,22%,16%) |
#161f22 |
rgb(22,31,34) |
hsl(198,22%,11%) |
#0c1113 |
rgb(12,17,19) |
hsl(198,22%,6%) |
#020303 |
rgb(2,3,3) |
hsl(198,22%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#487061 |
rgb(72,112,97) |
hsl(158,22%,36%) |
#486470 |
rgb(72,100,112) |
hsl(198,22%,36%) |
#484A70 |
rgb(72,74,112) |
hsl(237,22%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#537381 |
rgb(83,115,129) |
hsl(198,22%,42%) |
#486470 |
rgb(72,100,112) |
hsl(198,22%,36%) |
#3C545E |
rgb(60,84,94) |
hsl(198,22%,30%) |
#30454C |
rgb(48,69,76) |
hsl(195,23%,24%) |
#25333A |
rgb(37,51,58) |
hsl(200,22%,19%) |
#192428 |
rgb(25,36,40) |
hsl(196,23%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#486470 |
rgb(72,100,112) |
hsl(198,22%,36%) |
#704750 |
rgb(112,71,80) |
hsl(347,22%,36%) |
#706948 |
rgb(112,105,72) |
hsl(50,22%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#486470 |
rgb(72,100,112) |
hsl(198,22%,36%) |
#705448 |
rgb(112,84,72) |
hsl(18,22%,36%) |
#487068 |
rgb(72,112,104) |
hsl(168,22%,36%) |
#706948 |
rgb(112,105,72) |
hsl(50,22%,36%) |