HEX #486E75 color — Blue Bayoux
The color #486E75 is a dark shade and slightly desaturated.
Palette
486E75 color palette from light to dark
HEX |
RGB |
HSL |
#f6f9f9 |
rgb(246,249,249) |
hsl(189,24%,97%) |
#e6eeef |
rgb(230,238,239) |
hsl(189,24%,92%) |
#d6e3e6 |
rgb(214,227,230) |
hsl(189,24%,87%) |
#c6d9dc |
rgb(198,217,220) |
hsl(189,24%,82%) |
#b6ced2 |
rgb(182,206,210) |
hsl(189,24%,77%) |
#a6c4c9 |
rgb(166,196,201) |
hsl(189,24%,72%) |
#97b9bf |
rgb(151,185,191) |
hsl(189,24%,67%) |
#87aeb5 |
rgb(135,174,181) |
hsl(189,24%,62%) |
#77a4ac |
rgb(119,164,172) |
hsl(189,24%,57%) |
#6799a2 |
rgb(103,153,162) |
hsl(189,24%,52%) |
#5b8c95 |
rgb(91,140,149) |
hsl(189,24%,47%) |
#517d85 |
rgb(81,125,133) |
hsl(189,24%,42%) |
#486e75 |
rgb(72,110,117) |
hsl(189,24%,37%) |
#3e5f65 |
rgb(62,95,101) |
hsl(189,24%,32%) |
#345055 |
rgb(52,80,85) |
hsl(189,24%,27%) |
#2b4246 |
rgb(43,66,70) |
hsl(189,24%,22%) |
#213336 |
rgb(33,51,54) |
hsl(189,24%,17%) |
#172426 |
rgb(23,36,38) |
hsl(189,24%,12%) |
#0e1516 |
rgb(14,21,22) |
hsl(189,24%,7%) |
#040606 |
rgb(4,6,6) |
hsl(189,24%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#48755E |
rgb(72,117,94) |
hsl(149,24%,37%) |
#486E75 |
rgb(72,110,117) |
hsl(189,24%,37%) |
#484F75 |
rgb(72,79,117) |
hsl(231,24%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#538087 |
rgb(83,128,135) |
hsl(188,24%,43%) |
#486E75 |
rgb(72,110,117) |
hsl(189,24%,37%) |
#3C5C62 |
rgb(60,92,98) |
hsl(189,24%,31%) |
#304A4F |
rgb(48,74,79) |
hsl(190,24%,25%) |
#25383C |
rgb(37,56,60) |
hsl(190,24%,19%) |
#19292A |
rgb(25,41,42) |
hsl(184,25%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#486E75 |
rgb(72,110,117) |
hsl(189,24%,37%) |
#754757 |
rgb(117,71,87) |
hsl(339,24%,37%) |
#756648 |
rgb(117,102,72) |
hsl(40,24%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#486E75 |
rgb(72,110,117) |
hsl(189,24%,37%) |
#754F48 |
rgb(117,79,72) |
hsl(9,24%,37%) |
#487565 |
rgb(72,117,101) |
hsl(159,24%,37%) |
#756648 |
rgb(117,102,72) |
hsl(40,24%,37%) |