HEX #4F5A7D color — Blue Bayoux
The color #4f5a7d is a dark shade and slightly desaturated.
Palette
4f5a7d color palette from light to dark
HEX |
RGB |
HSL |
#eff1f5 |
rgb(239,241,245) |
hsl(226,23%,95%) |
#e0e2eb |
rgb(224,226,235) |
hsl(226,23%,90%) |
#d0d4e2 |
rgb(208,212,226) |
hsl(226,23%,85%) |
#c0c6d8 |
rgb(192,198,216) |
hsl(226,23%,80%) |
#b1b7ce |
rgb(177,183,206) |
hsl(226,23%,75%) |
#a1a9c4 |
rgb(161,169,196) |
hsl(226,23%,70%) |
#919bba |
rgb(145,155,186) |
hsl(226,23%,65%) |
#828cb0 |
rgb(130,140,176) |
hsl(226,23%,60%) |
#727ea7 |
rgb(114,126,167) |
hsl(226,23%,55%) |
#62709d |
rgb(98,112,157) |
hsl(226,23%,50%) |
#58658d |
rgb(88,101,141) |
hsl(226,23%,45%) |
#4f597d |
rgb(79,89,125) |
hsl(226,23%,40%) |
#454e6e |
rgb(69,78,110) |
hsl(226,23%,35%) |
#3b435e |
rgb(59,67,94) |
hsl(226,23%,30%) |
#31384e |
rgb(49,56,78) |
hsl(226,23%,25%) |
#272d3f |
rgb(39,45,63) |
hsl(226,23%,20%) |
#1d222f |
rgb(29,34,47) |
hsl(226,23%,15%) |
#14161f |
rgb(20,22,31) |
hsl(226,23%,10%) |
#0a0b10 |
rgb(10,11,16) |
hsl(226,23%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#4F787D |
rgb(79,120,125) |
hsl(187,23%,40%) |
#4F5A7D |
rgb(79,90,125) |
hsl(226,23%,40%) |
#624F7D |
rgb(98,79,125) |
hsl(265,23%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6B78A1 |
rgb(107,120,161) |
hsl(226,22%,53%) |
#5B6991 |
rgb(91,105,145) |
hsl(224,23%,46%) |
#4F5A7D |
rgb(79,90,125) |
hsl(226,23%,40%) |
#424D69 |
rgb(66,77,105) |
hsl(223,23%,34%) |
#353D55 |
rgb(53,61,85) |
hsl(225,23%,27%) |
#292E41 |
rgb(41,46,65) |
hsl(228,23%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#4F5A7D |
rgb(79,90,125) |
hsl(226,23%,40%) |
#7D5C4F |
rgb(125,92,79) |
hsl(17,23%,40%) |
#717D4F |
rgb(113,125,79) |
hsl(76,23%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4F5A7D |
rgb(79,90,125) |
hsl(226,23%,40%) |
#7D734F |
rgb(125,115,79) |
hsl(47,23%,40%) |
#4F707D |
rgb(79,112,125) |
hsl(197,23%,40%) |
#717D4F |
rgb(113,125,79) |
hsl(76,23%,40%) |