HEX #689EA2 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

689EA2 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
#68A37F rgb(104,163,127) hsl(143,24%,52%)
#689EA2 rgb(104,158,162) hsl(184,24%,52%)
#6878A2 rgb(104,120,162) hsl(223,24%,52%)

Monochromatic colors

HEX RGB HSL
#9CBFC2 rgb(156,191,194) hsl(185,24%,69%)
#82B0B2 rgb(130,176,178) hsl(183,24%,60%)
#689EA2 rgb(104,158,162) hsl(184,24%,52%)
#55878A rgb(85,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
#689EA2 rgb(104,158,162) hsl(184,24%,52%)
#A26981 rgb(162,105,129) hsl(335,23%,52%)
#A28A68 rgb(162,138,104) hsl(35,24%,52%)

Tetrad color palettes

HEX RGB HSL
#689EA2 rgb(104,158,162) hsl(184,24%,52%)
#A26B68 rgb(162,107,104) hsl(3,24%,52%)
#68A389 rgb(104,163,137) hsl(154,24%,52%)
#A28A68 rgb(162,138,104) hsl(35,24%,52%)