HEX #649CA6 color — Breaker Bay
The color #649CA6 is a light shade and slightly desaturated.
Palette
649CA6 color palette from light to dark
HEX |
RGB |
HSL |
#f5f9f9 |
rgb(245,249,249) |
hsl(189,27%,97%) |
#e5eef0 |
rgb(229,238,240) |
hsl(189,27%,92%) |
#d5e4e7 |
rgb(213,228,231) |
hsl(189,27%,87%) |
#c5dadd |
rgb(197,218,221) |
hsl(189,27%,82%) |
#b5cfd4 |
rgb(181,207,212) |
hsl(189,27%,77%) |
#a4c5cb |
rgb(164,197,203) |
hsl(189,27%,72%) |
#94bbc2 |
rgb(148,187,194) |
hsl(189,27%,67%) |
#84b0b8 |
rgb(132,176,184) |
hsl(189,27%,62%) |
#74a6af |
rgb(116,166,175) |
hsl(189,27%,57%) |
#649ca6 |
rgb(100,156,166) |
hsl(189,27%,52%) |
#578f98 |
rgb(87,143,152) |
hsl(189,27%,47%) |
#4e7f88 |
rgb(78,127,136) |
hsl(189,27%,42%) |
#457078 |
rgb(69,112,120) |
hsl(189,27%,37%) |
#3c6168 |
rgb(60,97,104) |
hsl(189,27%,32%) |
#325257 |
rgb(50,82,87) |
hsl(189,27%,27%) |
#294347 |
rgb(41,67,71) |
hsl(189,27%,22%) |
#203437 |
rgb(32,52,55) |
hsl(189,27%,17%) |
#162427 |
rgb(22,36,39) |
hsl(189,27%,12%) |
#0d1517 |
rgb(13,21,23) |
hsl(189,27%,7%) |
#040606 |
rgb(4,6,6) |
hsl(189,27%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#64A684 |
rgb(100,166,132) |
hsl(149,27%,52%) |
#649CA6 |
rgb(100,156,166) |
hsl(189,27%,52%) |
#6470A6 |
rgb(100,112,166) |
hsl(229,27%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9ABFC5 |
rgb(154,191,197) |
hsl(188,27%,69%) |
#7FADB5 |
rgb(127,173,181) |
hsl(189,27%,60%) |
#649CA6 |
rgb(100,156,166) |
hsl(189,27%,52%) |
#51858D |
rgb(81,133,141) |
hsl(188,27%,44%) |
#416B72 |
rgb(65,107,114) |
hsl(189,27%,35%) |
#325257 |
rgb(50,82,87) |
hsl(188,27%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#649CA6 |
rgb(100,156,166) |
hsl(189,27%,52%) |
#A6637B |
rgb(166,99,123) |
hsl(339,27%,52%) |
#A68F64 |
rgb(166,143,100) |
hsl(39,27%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#649CA6 |
rgb(100,156,166) |
hsl(189,27%,52%) |
#A66E64 |
rgb(166,110,100) |
hsl(9,27%,52%) |
#64A68F |
rgb(100,166,143) |
hsl(159,27%,52%) |
#A68F64 |
rgb(166,143,100) |
hsl(39,27%,52%) |