HEX #679CA4 color — Breaker Bay
The color #679CA4 is a light shade and slightly desaturated.
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%) |