HEX #649EA4 color — Breaker Bay
The color #649EA4 is a light shade and slightly desaturated.
Palette
649EA4 color palette from light to dark
HEX |
RGB |
HSL |
#f5f9f9 |
rgb(245,249,249) |
hsl(186,26%,97%) |
#e5eff0 |
rgb(229,239,240) |
hsl(186,26%,92%) |
#d5e5e6 |
rgb(213,229,230) |
hsl(186,26%,87%) |
#c5dbdd |
rgb(197,219,221) |
hsl(186,26%,82%) |
#b5d1d4 |
rgb(181,209,212) |
hsl(186,26%,77%) |
#a5c6ca |
rgb(165,198,202) |
hsl(186,26%,72%) |
#95bcc1 |
rgb(149,188,193) |
hsl(186,26%,67%) |
#85b2b7 |
rgb(133,178,183) |
hsl(186,26%,62%) |
#75a8ae |
rgb(117,168,174) |
hsl(186,26%,57%) |
#659ea4 |
rgb(101,158,164) |
hsl(186,26%,52%) |
#599197 |
rgb(89,145,151) |
hsl(186,26%,47%) |
#4f8187 |
rgb(79,129,135) |
hsl(186,26%,42%) |
#467277 |
rgb(70,114,119) |
hsl(186,26%,37%) |
#3c6367 |
rgb(60,99,103) |
hsl(186,26%,32%) |
#335357 |
rgb(51,83,87) |
hsl(186,26%,27%) |
#2a4447 |
rgb(42,68,71) |
hsl(186,26%,22%) |
#203437 |
rgb(32,52,55) |
hsl(186,26%,17%) |
#172527 |
rgb(23,37,39) |
hsl(186,26%,12%) |
#0d1616 |
rgb(13,22,22) |
hsl(186,26%,7%) |
#040606 |
rgb(4,6,6) |
hsl(186,26%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#64A37F |
rgb(100,163,127) |
hsl(146,26%,52%) |
#649EA4 |
rgb(100,158,164) |
hsl(186,26%,52%) |
#6473A4 |
rgb(100,115,164) |
hsl(226,26%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#99BFC3 |
rgb(153,191,195) |
hsl(186,26%,68%) |
#7EADB3 |
rgb(126,173,179) |
hsl(187,26%,60%) |
#649EA4 |
rgb(100,158,164) |
hsl(186,26%,52%) |
#52878B |
rgb(82,135,139) |
hsl(184,26%,43%) |
#426E71 |
rgb(66,110,113) |
hsl(184,26%,35%) |
#325456 |
rgb(50,84,86) |
hsl(183,26%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#649EA4 |
rgb(100,158,164) |
hsl(186,26%,52%) |
#A4637E |
rgb(164,99,126) |
hsl(335,26%,52%) |
#A48A64 |
rgb(164,138,100) |
hsl(36,26%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#649EA4 |
rgb(100,158,164) |
hsl(186,26%,52%) |
#A46B64 |
rgb(164,107,100) |
hsl(7,26%,52%) |
#64A38A |
rgb(100,163,138) |
hsl(156,26%,52%) |
#A48A64 |
rgb(164,138,100) |
hsl(36,26%,52%) |