HEX #679CA4 color — Breaker Bay

The color #679CA4 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

679CA4 color palette from light to dark

HEX RGB HSL
#f5f9f9 rgb(245,249,249) hsl(188,25%,97%)
#e6eef0 rgb(230,238,240) hsl(188,25%,92%)
#d6e4e6 rgb(214,228,230) hsl(188,25%,87%)
#c6dadd rgb(198,218,221) hsl(188,25%,82%)
#b6cfd3 rgb(182,207,211) hsl(188,25%,77%)
#a6c5c9 rgb(166,197,201) hsl(188,25%,72%)
#96bac0 rgb(150,186,192) hsl(188,25%,67%)
#86b0b6 rgb(134,176,182) hsl(188,25%,62%)
#76a5ad rgb(118,165,173) hsl(188,25%,57%)
#669ba3 rgb(102,155,163) hsl(188,25%,52%)
#5a8e96 rgb(90,142,150) hsl(188,25%,47%)
#507f86 rgb(80,127,134) hsl(188,25%,42%)
#477076 rgb(71,112,118) hsl(188,25%,37%)
#3d6166 rgb(61,97,102) hsl(188,25%,32%)
#345156 rgb(52,81,86) hsl(188,25%,27%)
#2a4246 rgb(42,66,70) hsl(188,25%,22%)
#213336 rgb(33,51,54) hsl(188,25%,17%)
#172426 rgb(23,36,38) hsl(188,25%,12%)
#0d1516 rgb(13,21,22) hsl(188,25%,7%)
#040606 rgb(4,6,6) hsl(188,25%,2%)

Adjacent colors

HEX RGB HSL
#67A383 rgb(103,163,131) hsl(148,25%,52%)
#679CA4 rgb(103,156,164) hsl(188,25%,52%)
#6773A4 rgb(103,115,164) hsl(228,25%,52%)

Monochromatic colors

HEX RGB HSL
#9CBFC4 rgb(156,191,196) hsl(188,25%,69%)
#81ADB4 rgb(129,173,180) hsl(188,25%,61%)
#679CA4 rgb(103,156,164) hsl(188,25%,52%)
#53858C rgb(83,133,140) hsl(187,26%,44%)
#436B71 rgb(67,107,113) hsl(188,26%,35%)
#335256 rgb(51,82,86) hsl(187,26%,27%)

Triad color palettes

HEX RGB HSL
#679CA4 rgb(103,156,164) hsl(188,25%,52%)
#A4667D rgb(164,102,125) hsl(338,25%,52%)
#A48C67 rgb(164,140,103) hsl(36,25%,52%)

Tetrad color palettes

HEX RGB HSL
#679CA4 rgb(103,156,164) hsl(188,25%,52%)
#A47067 rgb(164,112,103) hsl(9,25%,52%)
#67A38D rgb(103,163,141) hsl(158,25%,52%)
#A48C67 rgb(164,140,103) hsl(36,25%,52%)