HEX #649EA7 color — Breaker Bay
The color #649EA7 is a light shade and slightly desaturated.
Palette
649EA7 color palette from light to dark
HEX |
RGB |
HSL |
#f5f9f9 |
rgb(245,249,249) |
hsl(188,28%,97%) |
#e5eff0 |
rgb(229,239,240) |
hsl(188,28%,92%) |
#d5e5e7 |
rgb(213,229,231) |
hsl(188,28%,87%) |
#c4dbde |
rgb(196,219,222) |
hsl(188,28%,82%) |
#b4d0d5 |
rgb(180,208,213) |
hsl(188,28%,77%) |
#a4c6cc |
rgb(164,198,204) |
hsl(188,28%,72%) |
#93bcc2 |
rgb(147,188,194) |
hsl(188,28%,67%) |
#83b2b9 |
rgb(131,178,185) |
hsl(188,28%,62%) |
#73a8b0 |
rgb(115,168,176) |
hsl(188,28%,57%) |
#629ea7 |
rgb(98,158,167) |
hsl(188,28%,52%) |
#569099 |
rgb(86,144,153) |
hsl(188,28%,47%) |
#4d8189 |
rgb(77,129,137) |
hsl(188,28%,42%) |
#447279 |
rgb(68,114,121) |
hsl(188,28%,37%) |
#3b6268 |
rgb(59,98,104) |
hsl(188,28%,32%) |
#325358 |
rgb(50,83,88) |
hsl(188,28%,27%) |
#284448 |
rgb(40,68,72) |
hsl(188,28%,22%) |
#1f3437 |
rgb(31,52,55) |
hsl(188,28%,17%) |
#162527 |
rgb(22,37,39) |
hsl(188,28%,12%) |
#0d1617 |
rgb(13,22,23) |
hsl(188,28%,7%) |
#040607 |
rgb(4,6,7) |
hsl(188,28%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#64A683 |
rgb(100,166,131) |
hsl(148,27%,52%) |
#649EA7 |
rgb(100,158,167) |
hsl(188,28%,52%) |
#6470A7 |
rgb(100,112,167) |
hsl(229,28%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9ABFC5 |
rgb(154,191,197) |
hsl(188,27%,69%) |
#7FB0B6 |
rgb(127,176,182) |
hsl(187,27%,61%) |
#649EA7 |
rgb(100,158,167) |
hsl(188,28%,52%) |
#51878F |
rgb(81,135,143) |
hsl(188,28%,44%) |
#416E73 |
rgb(65,110,115) |
hsl(186,28%,35%) |
#325458 |
rgb(50,84,88) |
hsl(186,28%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#649EA7 |
rgb(100,158,167) |
hsl(188,28%,52%) |
#A7637C |
rgb(167,99,124) |
hsl(338,28%,52%) |
#A78F64 |
rgb(167,143,100) |
hsl(39,28%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#649EA7 |
rgb(100,158,167) |
hsl(188,28%,52%) |
#A76E64 |
rgb(167,110,100) |
hsl(9,28%,52%) |
#64A68E |
rgb(100,166,142) |
hsl(158,27%,52%) |
#A78F64 |
rgb(167,143,100) |
hsl(39,28%,52%) |