HEX #649EA5 color — Breaker Bay
The color #649EA5 is a light shade and slightly desaturated.
Palette
649EA5 color palette from light to dark
HEX |
RGB |
HSL |
#f5f9f9 |
rgb(245,249,249) |
hsl(186,27%,97%) |
#e5eff0 |
rgb(229,239,240) |
hsl(186,27%,92%) |
#d5e5e7 |
rgb(213,229,231) |
hsl(186,27%,87%) |
#c5dbdd |
rgb(197,219,221) |
hsl(186,27%,82%) |
#b5d1d4 |
rgb(181,209,212) |
hsl(186,27%,77%) |
#a4c7cb |
rgb(164,199,203) |
hsl(186,27%,72%) |
#94bdc2 |
rgb(148,189,194) |
hsl(186,27%,67%) |
#84b3b8 |
rgb(132,179,184) |
hsl(186,27%,62%) |
#74a9af |
rgb(116,169,175) |
hsl(186,27%,57%) |
#649fa6 |
rgb(100,159,166) |
hsl(186,27%,52%) |
#579298 |
rgb(87,146,152) |
hsl(186,27%,47%) |
#4e8288 |
rgb(78,130,136) |
hsl(186,27%,42%) |
#457378 |
rgb(69,115,120) |
hsl(186,27%,37%) |
#3c6368 |
rgb(60,99,104) |
hsl(186,27%,32%) |
#325457 |
rgb(50,84,87) |
hsl(186,27%,27%) |
#294447 |
rgb(41,68,71) |
hsl(186,27%,22%) |
#203537 |
rgb(32,53,55) |
hsl(186,27%,17%) |
#162527 |
rgb(22,37,39) |
hsl(186,27%,12%) |
#0d1617 |
rgb(13,22,23) |
hsl(186,27%,7%) |
#040606 |
rgb(4,6,6) |
hsl(186,27%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#64A680 |
rgb(100,166,128) |
hsl(145,27%,52%) |
#649EA5 |
rgb(100,158,165) |
hsl(186,27%,52%) |
#6473A5 |
rgb(100,115,165) |
hsl(226,27%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#99BFC4 |
rgb(153,191,196) |
hsl(187,27%,68%) |
#7EB0B4 |
rgb(126,176,180) |
hsl(184,26%,60%) |
#649EA5 |
rgb(100,158,165) |
hsl(186,27%,52%) |
#51878C |
rgb(81,135,140) |
hsl(185,27%,43%) |
#426E72 |
rgb(66,110,114) |
hsl(185,27%,35%) |
#325457 |
rgb(50,84,87) |
hsl(185,27%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#649EA5 |
rgb(100,158,165) |
hsl(186,27%,52%) |
#A5637D |
rgb(165,99,125) |
hsl(336,27%,52%) |
#A58C64 |
rgb(165,140,100) |
hsl(37,27%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#649EA5 |
rgb(100,158,165) |
hsl(186,27%,52%) |
#A56B64 |
rgb(165,107,100) |
hsl(6,27%,52%) |
#64A68B |
rgb(100,166,139) |
hsl(155,27%,52%) |
#A58C64 |
rgb(165,140,100) |
hsl(37,27%,52%) |