HEX #669CA2 color — Breaker Bay
The color #669CA2 is a light shade and slightly desaturated.
Palette
669CA2 color palette from light to dark
HEX |
RGB |
HSL |
#f6f9f9 |
rgb(246,249,249) |
hsl(186,24%,97%) |
#e6efef |
rgb(230,239,239) |
hsl(186,24%,92%) |
#d6e4e6 |
rgb(214,228,230) |
hsl(186,24%,87%) |
#c6dadc |
rgb(198,218,220) |
hsl(186,24%,82%) |
#b6d0d2 |
rgb(182,208,210) |
hsl(186,24%,77%) |
#a6c5c9 |
rgb(166,197,201) |
hsl(186,24%,72%) |
#97bbbf |
rgb(151,187,191) |
hsl(186,24%,67%) |
#87b1b5 |
rgb(135,177,181) |
hsl(186,24%,62%) |
#77a6ac |
rgb(119,166,172) |
hsl(186,24%,57%) |
#679ca2 |
rgb(103,156,162) |
hsl(186,24%,52%) |
#5b8f95 |
rgb(91,143,149) |
hsl(186,24%,47%) |
#518085 |
rgb(81,128,133) |
hsl(186,24%,42%) |
#487075 |
rgb(72,112,117) |
hsl(186,24%,37%) |
#3e6165 |
rgb(62,97,101) |
hsl(186,24%,32%) |
#345255 |
rgb(52,82,85) |
hsl(186,24%,27%) |
#2b4346 |
rgb(43,67,70) |
hsl(186,24%,22%) |
#213436 |
rgb(33,52,54) |
hsl(186,24%,17%) |
#172426 |
rgb(23,36,38) |
hsl(186,24%,12%) |
#0e1516 |
rgb(14,21,22) |
hsl(186,24%,7%) |
#040606 |
rgb(4,6,6) |
hsl(186,24%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#66A380 |
rgb(102,163,128) |
hsl(146,25%,52%) |
#669CA2 |
rgb(102,156,162) |
hsl(186,24%,52%) |
#6673A2 |
rgb(102,115,162) |
hsl(227,24%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9ABFC1 |
rgb(154,191,193) |
hsl(183,24%,68%) |
#80ADB1 |
rgb(128,173,177) |
hsl(185,24%,60%) |
#669CA2 |
rgb(102,156,162) |
hsl(186,24%,52%) |
#538589 |
rgb(83,133,137) |
hsl(184,25%,43%) |
#436B6F |
rgb(67,107,111) |
hsl(185,25%,35%) |
#335255 |
rgb(51,82,85) |
hsl(185,25%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#669CA2 |
rgb(102,156,162) |
hsl(186,24%,52%) |
#A2667E |
rgb(162,102,126) |
hsl(336,24%,52%) |
#A28A66 |
rgb(162,138,102) |
hsl(36,24%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#669CA2 |
rgb(102,156,162) |
hsl(186,24%,52%) |
#A26B66 |
rgb(162,107,102) |
hsl(5,24%,52%) |
#66A38A |
rgb(102,163,138) |
hsl(155,25%,52%) |
#A28A66 |
rgb(162,138,102) |
hsl(36,24%,52%) |