HEX #4B6978 color — Blue Bayoux
The color #4B6978 is a dark shade and slightly desaturated.
Palette
4B6978 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(200,23%,98%) |
#e9eff1 |
rgb(233,239,241) |
hsl(200,23%,93%) |
#d9e3e7 |
rgb(217,227,231) |
hsl(200,23%,88%) |
#cad7de |
rgb(202,215,222) |
hsl(200,23%,83%) |
#bacbd4 |
rgb(186,203,212) |
hsl(200,23%,78%) |
#aabfca |
rgb(170,191,202) |
hsl(200,23%,73%) |
#9bb4c0 |
rgb(155,180,192) |
hsl(200,23%,68%) |
#8ba8b6 |
rgb(139,168,182) |
hsl(200,23%,63%) |
#7b9cad |
rgb(123,156,173) |
hsl(200,23%,58%) |
#6c90a3 |
rgb(108,144,163) |
hsl(200,23%,53%) |
#5e8497 |
rgb(94,132,151) |
hsl(200,23%,48%) |
#547687 |
rgb(84,118,135) |
hsl(200,23%,43%) |
#4b6877 |
rgb(75,104,119) |
hsl(200,23%,38%) |
#415b68 |
rgb(65,91,104) |
hsl(200,23%,33%) |
#374d58 |
rgb(55,77,88) |
hsl(200,23%,28%) |
#2d3f48 |
rgb(45,63,72) |
hsl(200,23%,23%) |
#233138 |
rgb(35,49,56) |
hsl(200,23%,18%) |
#1a2429 |
rgb(26,36,41) |
hsl(200,23%,13%) |
#101619 |
rgb(16,22,25) |
hsl(200,23%,8%) |
#060809 |
rgb(6,8,9) |
hsl(200,23%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#4B7869 |
rgb(75,120,105) |
hsl(160,23%,38%) |
#4B6978 |
rgb(75,105,120) |
hsl(200,23%,38%) |
#4B4A78 |
rgb(75,74,120) |
hsl(241,24%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#577A8B |
rgb(87,122,139) |
hsl(200,23%,44%) |
#4B6978 |
rgb(75,105,120) |
hsl(200,23%,38%) |
#3F5964 |
rgb(63,89,100) |
hsl(198,23%,32%) |
#334751 |
rgb(51,71,81) |
hsl(200,23%,26%) |
#27363E |
rgb(39,54,62) |
hsl(201,23%,20%) |
#1B262B |
rgb(27,38,43) |
hsl(199,23%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#4B6978 |
rgb(75,105,120) |
hsl(200,23%,38%) |
#784A52 |
rgb(120,74,82) |
hsl(350,24%,38%) |
#78704B |
rgb(120,112,75) |
hsl(49,23%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4B6978 |
rgb(75,105,120) |
hsl(200,23%,38%) |
#78594B |
rgb(120,89,75) |
hsl(19,23%,38%) |
#4B7870 |
rgb(75,120,112) |
hsl(169,23%,38%) |
#78704B |
rgb(120,112,75) |
hsl(49,23%,38%) |