HEX #649CA2 color — Breaker Bay
The color #649CA2 is a light shade and slightly desaturated.
Palette
649CA2 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7f7 |
rgb(242,247,247) |
hsl(186,25%,96%) |
#e2edee |
rgb(226,237,238) |
hsl(186,25%,91%) |
#d2e2e4 |
rgb(210,226,228) |
hsl(186,25%,86%) |
#c2d8db |
rgb(194,216,219) |
hsl(186,25%,81%) |
#b3ced1 |
rgb(179,206,209) |
hsl(186,25%,76%) |
#a3c4c8 |
rgb(163,196,200) |
hsl(186,25%,71%) |
#93babe |
rgb(147,186,190) |
hsl(186,25%,66%) |
#83afb4 |
rgb(131,175,180) |
hsl(186,25%,61%) |
#73a5ab |
rgb(115,165,171) |
hsl(186,25%,56%) |
#639ba1 |
rgb(99,155,161) |
hsl(186,25%,51%) |
#588d93 |
rgb(88,141,147) |
hsl(186,25%,46%) |
#4e7d83 |
rgb(78,125,131) |
hsl(186,25%,41%) |
#456e73 |
rgb(69,110,115) |
hsl(186,25%,36%) |
#3b5f63 |
rgb(59,95,99) |
hsl(186,25%,31%) |
#325053 |
rgb(50,80,83) |
hsl(186,25%,26%) |
#284043 |
rgb(40,64,67) |
hsl(186,25%,21%) |
#1f3133 |
rgb(31,49,51) |
hsl(186,25%,16%) |
#152223 |
rgb(21,34,35) |
hsl(186,25%,11%) |
#0b1213 |
rgb(11,18,19) |
hsl(186,25%,6%) |
#020303 |
rgb(2,3,3) |
hsl(186,25%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#64A37E |
rgb(100,163,126) |
hsl(145,26%,52%) |
#649CA2 |
rgb(100,156,162) |
hsl(186,25%,51%) |
#6473A2 |
rgb(100,115,162) |
hsl(225,25%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#98BDC1 |
rgb(152,189,193) |
hsl(186,25%,68%) |
#7EADB1 |
rgb(126,173,177) |
hsl(185,25%,59%) |
#649CA2 |
rgb(100,156,162) |
hsl(186,25%,51%) |
#528589 |
rgb(82,133,137) |
hsl(184,25%,43%) |
#426B6F |
rgb(66,107,111) |
hsl(185,25%,35%) |
#335255 |
rgb(51,82,85) |
hsl(185,25%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#649CA2 |
rgb(100,156,162) |
hsl(186,25%,51%) |
#A2637D |
rgb(162,99,125) |
hsl(335,25%,51%) |
#A28A64 |
rgb(162,138,100) |
hsl(37,25%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#649CA2 |
rgb(100,156,162) |
hsl(186,25%,51%) |
#A26B64 |
rgb(162,107,100) |
hsl(7,25%,51%) |
#64A389 |
rgb(100,163,137) |
hsl(155,26%,52%) |
#A28A64 |
rgb(162,138,100) |
hsl(37,25%,51%) |