HEX #669CA2 color — Breaker Bay

The color #669CA2 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

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%)