HEX #679EA2 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

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