HEX #486475 color — Blue Bayoux
The color #486475 is a dark shade and slightly desaturated.
Palette
486475 color palette from light to dark
HEX |
RGB |
HSL |
#f6f8f9 |
rgb(246,248,249) |
hsl(203,24%,97%) |
#e6ecef |
rgb(230,236,239) |
hsl(203,24%,92%) |
#d6e0e6 |
rgb(214,224,230) |
hsl(203,24%,87%) |
#c6d4dc |
rgb(198,212,220) |
hsl(203,24%,82%) |
#b6c8d2 |
rgb(182,200,210) |
hsl(203,24%,77%) |
#a6bcc9 |
rgb(166,188,201) |
hsl(203,24%,72%) |
#97b0bf |
rgb(151,176,191) |
hsl(203,24%,67%) |
#87a4b5 |
rgb(135,164,181) |
hsl(203,24%,62%) |
#7797ac |
rgb(119,151,172) |
hsl(203,24%,57%) |
#678ba2 |
rgb(103,139,162) |
hsl(203,24%,52%) |
#5b7f95 |
rgb(91,127,149) |
hsl(203,24%,47%) |
#517185 |
rgb(81,113,133) |
hsl(203,24%,42%) |
#486475 |
rgb(72,100,117) |
hsl(203,24%,37%) |
#3e5665 |
rgb(62,86,101) |
hsl(203,24%,32%) |
#344955 |
rgb(52,73,85) |
hsl(203,24%,27%) |
#2b3b46 |
rgb(43,59,70) |
hsl(203,24%,22%) |
#212e36 |
rgb(33,46,54) |
hsl(203,24%,17%) |
#172026 |
rgb(23,32,38) |
hsl(203,24%,12%) |
#0e1316 |
rgb(14,19,22) |
hsl(203,24%,7%) |
#040506 |
rgb(4,5,6) |
hsl(203,24%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#487568 |
rgb(72,117,104) |
hsl(163,24%,37%) |
#486475 |
rgb(72,100,117) |
hsl(203,24%,37%) |
#4A4775 |
rgb(74,71,117) |
hsl(244,24%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#537387 |
rgb(83,115,135) |
hsl(203,24%,43%) |
#486475 |
rgb(72,100,117) |
hsl(203,24%,37%) |
#3C5462 |
rgb(60,84,98) |
hsl(202,24%,31%) |
#30454F |
rgb(48,69,79) |
hsl(199,24%,25%) |
#25333C |
rgb(37,51,60) |
hsl(203,24%,19%) |
#19242A |
rgb(25,36,42) |
hsl(201,25%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#486475 |
rgb(72,100,117) |
hsl(203,24%,37%) |
#75474D |
rgb(117,71,77) |
hsl(352,24%,37%) |
#757048 |
rgb(117,112,72) |
hsl(53,24%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#486475 |
rgb(72,100,117) |
hsl(203,24%,37%) |
#755948 |
rgb(117,89,72) |
hsl(23,24%,37%) |
#48756F |
rgb(72,117,111) |
hsl(172,24%,37%) |
#757048 |
rgb(117,112,72) |
hsl(53,24%,37%) |