HEX #505C7E color — Blue Bayoux
The color #505C7E is a dark shade and slightly desaturated.
Palette
505C7E color palette from light to dark
| HEX |
RGB |
HSL |
| #eff1f5 |
rgb(239,241,245) |
hsl(224,22%,95%) |
| #e0e3eb |
rgb(224,227,235) |
hsl(224,22%,90%) |
| #d0d5e1 |
rgb(208,213,225) |
hsl(224,22%,85%) |
| #c1c7d7 |
rgb(193,199,215) |
hsl(224,22%,80%) |
| #b1b9cd |
rgb(177,185,205) |
hsl(224,22%,75%) |
| #a2abc3 |
rgb(162,171,195) |
hsl(224,22%,70%) |
| #929db9 |
rgb(146,157,185) |
hsl(224,22%,65%) |
| #838faf |
rgb(131,143,175) |
hsl(224,22%,60%) |
| #7380a5 |
rgb(115,128,165) |
hsl(224,22%,55%) |
| #63729c |
rgb(99,114,156) |
hsl(224,22%,50%) |
| #5a678c |
rgb(90,103,140) |
hsl(224,22%,45%) |
| #505c7c |
rgb(80,92,124) |
hsl(224,22%,40%) |
| #46506d |
rgb(70,80,109) |
hsl(224,22%,35%) |
| #3c455d |
rgb(60,69,93) |
hsl(224,22%,30%) |
| #32394e |
rgb(50,57,78) |
hsl(224,22%,25%) |
| #282e3e |
rgb(40,46,62) |
hsl(224,22%,20%) |
| #1e222f |
rgb(30,34,47) |
hsl(224,22%,15%) |
| #14171f |
rgb(20,23,31) |
hsl(224,22%,10%) |
| #0a0b10 |
rgb(10,11,16) |
hsl(224,22%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #507A7E |
rgb(80,122,126) |
hsl(185,22%,40%) |
| #505C7E |
rgb(80,92,126) |
hsl(224,22%,40%) |
| #624F7E |
rgb(98,79,126) |
hsl(264,23%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #6D7AA2 |
rgb(109,122,162) |
hsl(225,22%,53%) |
| #5C6B92 |
rgb(92,107,146) |
hsl(223,23%,47%) |
| #505C7E |
rgb(80,92,126) |
hsl(224,22%,40%) |
| #434D69 |
rgb(67,77,105) |
hsl(224,22%,34%) |
| #364055 |
rgb(54,64,85) |
hsl(221,22%,27%) |
| #293041 |
rgb(41,48,65) |
hsl(223,23%,21%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #505C7E |
rgb(80,92,126) |
hsl(224,22%,40%) |
| #7E5C50 |
rgb(126,92,80) |
hsl(16,22%,40%) |
| #737D50 |
rgb(115,125,80) |
hsl(73,22%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #505C7E |
rgb(80,92,126) |
hsl(224,22%,40%) |
| #7E7350 |
rgb(126,115,80) |
hsl(46,22%,40%) |
| #50737E |
rgb(80,115,126) |
hsl(194,22%,40%) |
| #737D50 |
rgb(115,125,80) |
hsl(73,22%,40%) |
