HEX #649CA0 color — Breaker Bay
The color #649CA0 is a light shade and slightly desaturated.
Palette
649CA0 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7f7 |
rgb(242,247,247) |
hsl(184,24%,96%) |
#e3edee |
rgb(227,237,238) |
hsl(184,24%,91%) |
#d3e3e4 |
rgb(211,227,228) |
hsl(184,24%,86%) |
#c3d9da |
rgb(195,217,218) |
hsl(184,24%,81%) |
#b3cfd0 |
rgb(179,207,208) |
hsl(184,24%,76%) |
#a3c4c7 |
rgb(163,196,199) |
hsl(184,24%,71%) |
#93babd |
rgb(147,186,189) |
hsl(184,24%,66%) |
#84b0b3 |
rgb(132,176,179) |
hsl(184,24%,61%) |
#74a6aa |
rgb(116,166,170) |
hsl(184,24%,56%) |
#649ca0 |
rgb(100,156,160) |
hsl(184,24%,51%) |
#598e91 |
rgb(89,142,145) |
hsl(184,24%,46%) |
#4f7e82 |
rgb(79,126,130) |
hsl(184,24%,41%) |
#466f72 |
rgb(70,111,114) |
hsl(184,24%,36%) |
#3c5f62 |
rgb(60,95,98) |
hsl(184,24%,31%) |
#325052 |
rgb(50,80,82) |
hsl(184,24%,26%) |
#294142 |
rgb(41,65,66) |
hsl(184,24%,21%) |
#1f3133 |
rgb(31,49,51) |
hsl(184,24%,16%) |
#152223 |
rgb(21,34,35) |
hsl(184,24%,11%) |
#0c1213 |
rgb(12,18,19) |
hsl(184,24%,6%) |
#020303 |
rgb(2,3,3) |
hsl(184,24%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#64A17C |
rgb(100,161,124) |
hsl(144,24%,51%) |
#649CA0 |
rgb(100,156,160) |
hsl(184,24%,51%) |
#6473A0 |
rgb(100,115,160) |
hsl(225,24%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#97BDBF |
rgb(151,189,191) |
hsl(183,24%,67%) |
#7DADAF |
rgb(125,173,175) |
hsl(182,24%,59%) |
#649CA0 |
rgb(100,156,160) |
hsl(184,24%,51%) |
#528587 |
rgb(82,133,135) |
hsl(182,24%,43%) |
#436B6D |
rgb(67,107,109) |
hsl(183,24%,35%) |
#335253 |
rgb(51,82,83) |
hsl(182,24%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#649CA0 |
rgb(100,156,160) |
hsl(184,24%,51%) |
#A0637E |
rgb(160,99,126) |
hsl(333,24%,51%) |
#A08764 |
rgb(160,135,100) |
hsl(35,24%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#649CA0 |
rgb(100,156,160) |
hsl(184,24%,51%) |
#A06964 |
rgb(160,105,100) |
hsl(5,24%,51%) |
#64A186 |
rgb(100,161,134) |
hsl(153,24%,51%) |
#A08764 |
rgb(160,135,100) |
hsl(35,24%,51%) |