HEX #679CA5 color — Breaker Bay
The color #679CA5 is a light shade and slightly desaturated.
Palette
679CA5 color palette from light to dark
HEX |
RGB |
HSL |
#f9fbfb |
rgb(249,251,251) |
hsl(189,26%,98%) |
#e9f0f2 |
rgb(233,240,242) |
hsl(189,26%,93%) |
#d8e6e8 |
rgb(216,230,232) |
hsl(189,26%,88%) |
#c8dcdf |
rgb(200,220,223) |
hsl(189,26%,83%) |
#b8d1d5 |
rgb(184,209,213) |
hsl(189,26%,78%) |
#a8c7cc |
rgb(168,199,204) |
hsl(189,26%,73%) |
#98bcc3 |
rgb(152,188,195) |
hsl(189,26%,68%) |
#88b2b9 |
rgb(136,178,185) |
hsl(189,26%,63%) |
#78a7b0 |
rgb(120,167,176) |
hsl(189,26%,58%) |
#689da6 |
rgb(104,157,166) |
hsl(189,26%,53%) |
#5b919a |
rgb(91,145,154) |
hsl(189,26%,48%) |
#51828a |
rgb(81,130,138) |
hsl(189,26%,43%) |
#48737a |
rgb(72,115,122) |
hsl(189,26%,38%) |
#3e636a |
rgb(62,99,106) |
hsl(189,26%,33%) |
#35545a |
rgb(53,84,90) |
hsl(189,26%,28%) |
#2b454a |
rgb(43,69,74) |
hsl(189,26%,23%) |
#22363a |
rgb(34,54,58) |
hsl(189,26%,18%) |
#19272a |
rgb(25,39,42) |
hsl(189,26%,13%) |
#0f181a |
rgb(15,24,26) |
hsl(189,26%,8%) |
#06090a |
rgb(6,9,10) |
hsl(189,26%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#67A684 |
rgb(103,166,132) |
hsl(148,26%,53%) |
#679CA5 |
rgb(103,156,165) |
hsl(189,26%,53%) |
#6773A5 |
rgb(103,115,165) |
hsl(228,26%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9CBFC4 |
rgb(156,191,196) |
hsl(188,25%,69%) |
#81ADB4 |
rgb(129,173,180) |
hsl(188,25%,61%) |
#679CA5 |
rgb(103,156,165) |
hsl(189,26%,53%) |
#53858D |
rgb(83,133,141) |
hsl(188,26%,44%) |
#436B72 |
rgb(67,107,114) |
hsl(189,26%,35%) |
#335257 |
rgb(51,82,87) |
hsl(188,26%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#679CA5 |
rgb(103,156,165) |
hsl(189,26%,53%) |
#A5667D |
rgb(165,102,125) |
hsl(338,26%,52%) |
#A58F67 |
rgb(165,143,103) |
hsl(39,26%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#679CA5 |
rgb(103,156,165) |
hsl(189,26%,53%) |
#A57067 |
rgb(165,112,103) |
hsl(9,26%,53%) |
#67A68F |
rgb(103,166,143) |
hsl(158,26%,53%) |
#A58F67 |
rgb(165,143,103) |
hsl(39,26%,53%) |