HEX #3F5C75 color — Blue Bayoux
The color #3F5C75 is a dark shade and slightly desaturated.
Palette
3F5C75 color palette from light to dark
HEX |
RGB |
HSL |
#eef3f6 |
rgb(238,243,246) |
hsl(208,30%,95%) |
#dee6ed |
rgb(222,230,237) |
hsl(208,30%,90%) |
#cddae4 |
rgb(205,218,228) |
hsl(208,30%,85%) |
#bdcddb |
rgb(189,205,219) |
hsl(208,30%,80%) |
#acc1d2 |
rgb(172,193,210) |
hsl(208,30%,75%) |
#9cb4c9 |
rgb(156,180,201) |
hsl(208,30%,70%) |
#8ba8c1 |
rgb(139,168,193) |
hsl(208,30%,65%) |
#7a9bb8 |
rgb(122,155,184) |
hsl(208,30%,60%) |
#6a8faf |
rgb(106,143,175) |
hsl(208,30%,55%) |
#5982a6 |
rgb(89,130,166) |
hsl(208,30%,50%) |
#507595 |
rgb(80,117,149) |
hsl(208,30%,45%) |
#476885 |
rgb(71,104,133) |
hsl(208,30%,40%) |
#3e5b74 |
rgb(62,91,116) |
hsl(208,30%,35%) |
#364e63 |
rgb(54,78,99) |
hsl(208,30%,30%) |
#2d4153 |
rgb(45,65,83) |
hsl(208,30%,25%) |
#243442 |
rgb(36,52,66) |
hsl(208,30%,20%) |
#1b2732 |
rgb(27,39,50) |
hsl(208,30%,15%) |
#121a21 |
rgb(18,26,33) |
hsl(208,30%,10%) |
#090d11 |
rgb(9,13,17) |
hsl(208,30%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3F756A |
rgb(63,117,106) |
hsl(168,30%,35%) |
#3F5C75 |
rgb(63,92,117) |
hsl(208,30%,35%) |
#464075 |
rgb(70,64,117) |
hsl(247,29%,35%) |
Monochromatic colors
HEX |
RGB |
HSL |
#496B87 |
rgb(73,107,135) |
hsl(207,30%,41%) |
#3F5C75 |
rgb(63,92,117) |
hsl(208,30%,35%) |
#344D62 |
rgb(52,77,98) |
hsl(207,31%,29%) |
#2A404F |
rgb(42,64,79) |
hsl(204,31%,24%) |
#20303C |
rgb(32,48,60) |
hsl(206,30%,18%) |
#16212A |
rgb(22,33,42) |
hsl(207,31%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F5C75 |
rgb(63,92,117) |
hsl(208,30%,35%) |
#754041 |
rgb(117,64,65) |
hsl(359,29%,35%) |
#75733F |
rgb(117,115,63) |
hsl(58,30%,35%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F5C75 |
rgb(63,92,117) |
hsl(208,30%,35%) |
#75593F |
rgb(117,89,63) |
hsl(29,30%,35%) |
#3F7573 |
rgb(63,117,115) |
hsl(178,30%,35%) |
#75733F |
rgb(117,115,63) |
hsl(58,30%,35%) |