HEX #486370 color — Blue Bayoux
The color #486370 is a dark shade and slightly desaturated.
Palette
486370 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6f7 |
rgb(243,246,247) |
hsl(200,22%,96%) |
#e3eaed |
rgb(227,234,237) |
hsl(200,22%,91%) |
#d3dee3 |
rgb(211,222,227) |
hsl(200,22%,86%) |
#c4d2d9 |
rgb(196,210,217) |
hsl(200,22%,81%) |
#b4c6cf |
rgb(180,198,207) |
hsl(200,22%,76%) |
#a5bac5 |
rgb(165,186,197) |
hsl(200,22%,71%) |
#95afbb |
rgb(149,175,187) |
hsl(200,22%,66%) |
#86a3b1 |
rgb(134,163,177) |
hsl(200,22%,61%) |
#7697a7 |
rgb(118,151,167) |
hsl(200,22%,56%) |
#678b9e |
rgb(103,139,158) |
hsl(200,22%,51%) |
#5b7e8f |
rgb(91,126,143) |
hsl(200,22%,46%) |
#527080 |
rgb(82,112,128) |
hsl(200,22%,41%) |
#486370 |
rgb(72,99,112) |
hsl(200,22%,36%) |
#3e5560 |
rgb(62,85,96) |
hsl(200,22%,31%) |
#344751 |
rgb(52,71,81) |
hsl(200,22%,26%) |
#2a3941 |
rgb(42,57,65) |
hsl(200,22%,21%) |
#202c32 |
rgb(32,44,50) |
hsl(200,22%,16%) |
#161e22 |
rgb(22,30,34) |
hsl(200,22%,11%) |
#0c1013 |
rgb(12,16,19) |
hsl(200,22%,6%) |
#020303 |
rgb(2,3,3) |
hsl(200,22%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#487062 |
rgb(72,112,98) |
hsl(159,22%,36%) |
#486370 |
rgb(72,99,112) |
hsl(200,22%,36%) |
#484770 |
rgb(72,71,112) |
hsl(241,22%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#537381 |
rgb(83,115,129) |
hsl(198,22%,42%) |
#486370 |
rgb(72,99,112) |
hsl(200,22%,36%) |
#3C545E |
rgb(60,84,94) |
hsl(198,22%,30%) |
#30424C |
rgb(48,66,76) |
hsl(201,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 |
#486370 |
rgb(72,99,112) |
hsl(200,22%,36%) |
#70474F |
rgb(112,71,79) |
hsl(348,22%,36%) |
#706948 |
rgb(112,105,72) |
hsl(50,22%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#486370 |
rgb(72,99,112) |
hsl(200,22%,36%) |
#705448 |
rgb(112,84,72) |
hsl(18,22%,36%) |
#487069 |
rgb(72,112,105) |
hsl(170,22%,36%) |
#706948 |
rgb(112,105,72) |
hsl(50,22%,36%) |