HEX #679EA2 color — Breaker Bay
The color #679ea2 is a light shade and slightly desaturated.
Palette
679ea2 color palette from light to dark
HEX |
RGB |
HSL |
#f6f9f9 |
rgb(246,249,249) |
hsl(184,24%,97%) |
#e6efef |
rgb(230,239,239) |
hsl(184,24%,92%) |
#d6e5e6 |
rgb(214,229,230) |
hsl(184,24%,87%) |
#c6dbdc |
rgb(198,219,220) |
hsl(184,24%,82%) |
#b6d1d2 |
rgb(182,209,210) |
hsl(184,24%,77%) |
#a6c6c9 |
rgb(166,198,201) |
hsl(184,24%,72%) |
#97bcbf |
rgb(151,188,191) |
hsl(184,24%,67%) |
#87b2b5 |
rgb(135,178,181) |
hsl(184,24%,62%) |
#77a8ac |
rgb(119,168,172) |
hsl(184,24%,57%) |
#679ea2 |
rgb(103,158,162) |
hsl(184,24%,52%) |
#5b9195 |
rgb(91,145,149) |
hsl(184,24%,47%) |
#518185 |
rgb(81,129,133) |
hsl(184,24%,42%) |
#487275 |
rgb(72,114,117) |
hsl(184,24%,37%) |
#3e6365 |
rgb(62,99,101) |
hsl(184,24%,32%) |
#345355 |
rgb(52,83,85) |
hsl(184,24%,27%) |
#2b4446 |
rgb(43,68,70) |
hsl(184,24%,22%) |
#213436 |
rgb(33,52,54) |
hsl(184,24%,17%) |
#172526 |
rgb(23,37,38) |
hsl(184,24%,12%) |
#0e1616 |
rgb(14,22,22) |
hsl(184,24%,7%) |
#040606 |
rgb(4,6,6) |
hsl(184,24%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#67A37E |
rgb(103,163,126) |
hsl(143,25%,52%) |
#679EA2 |
rgb(103,158,162) |
hsl(184,24%,52%) |
#6778A2 |
rgb(103,120,162) |
hsl(223,24%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9BBFC2 |
rgb(155,191,194) |
hsl(185,24%,68%) |
#81B0B2 |
rgb(129,176,178) |
hsl(182,24%,60%) |
#679EA2 |
rgb(103,158,162) |
hsl(184,24%,52%) |
#54878A |
rgb(84,135,138) |
hsl(183,24%,44%) |
#446E6F |
rgb(68,110,111) |
hsl(181,24%,35%) |
#345455 |
rgb(52,84,85) |
hsl(182,24%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#679EA2 |
rgb(103,158,162) |
hsl(184,24%,52%) |
#A26680 |
rgb(162,102,128) |
hsl(334,24%,52%) |
#A28A67 |
rgb(162,138,103) |
hsl(36,24%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#679EA2 |
rgb(103,158,162) |
hsl(184,24%,52%) |
#A26B67 |
rgb(162,107,103) |
hsl(4,24%,52%) |
#67A388 |
rgb(103,163,136) |
hsl(153,25%,52%) |
#A28A67 |
rgb(162,138,103) |
hsl(36,24%,52%) |