HEX #63A695 color — Breaker Bay

The color #63A695 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

63A695 color palette from light to dark

HEX RGB HSL
#f5f9f8 rgb(245,249,248) hsl(165,27%,97%)
#e5f0ed rgb(229,240,237) hsl(165,27%,92%)
#d5e7e2 rgb(213,231,226) hsl(165,27%,87%)
#c5ddd7 rgb(197,221,215) hsl(165,27%,82%)
#b5d4cc rgb(181,212,204) hsl(165,27%,77%)
#a4cbc1 rgb(164,203,193) hsl(165,27%,72%)
#94c2b6 rgb(148,194,182) hsl(165,27%,67%)
#84b8ab rgb(132,184,171) hsl(165,27%,62%)
#74afa0 rgb(116,175,160) hsl(165,27%,57%)
#64a695 rgb(100,166,149) hsl(165,27%,52%)
#579888 rgb(87,152,136) hsl(165,27%,47%)
#4e887a rgb(78,136,122) hsl(165,27%,42%)
#45786b rgb(69,120,107) hsl(165,27%,37%)
#3c685d rgb(60,104,93) hsl(165,27%,32%)
#32574e rgb(50,87,78) hsl(165,27%,27%)
#294740 rgb(41,71,64) hsl(165,27%,22%)
#203731 rgb(32,55,49) hsl(165,27%,17%)
#162723 rgb(22,39,35) hsl(165,27%,12%)
#0d1714 rgb(13,23,20) hsl(165,27%,7%)
#040606 rgb(4,6,6) hsl(165,27%,2%)

Adjacent colors

HEX RGB HSL
#63A668 rgb(99,166,104) hsl(124,27%,52%)
#63A695 rgb(99,166,149) hsl(165,27%,52%)
#638AA6 rgb(99,138,166) hsl(205,27%,52%)

Monochromatic colors

HEX RGB HSL
#98C4B9 rgb(152,196,185) hsl(165,27%,68%)
#7EB5A7 rgb(126,181,167) hsl(165,27%,60%)
#63A695 rgb(99,166,149) hsl(165,27%,52%)
#508F7E rgb(80,143,126) hsl(164,28%,44%)
#417366 rgb(65,115,102) hsl(164,28%,35%)
#32574E rgb(50,87,78) hsl(165,27%,27%)

Triad color palettes

HEX RGB HSL
#63A695 rgb(99,166,149) hsl(165,27%,52%)
#A66395 rgb(166,99,149) hsl(315,27%,52%)
#A67363 rgb(166,115,99) hsl(14,27%,52%)

Tetrad color palettes

HEX RGB HSL
#63A695 rgb(99,166,149) hsl(165,27%,52%)
#A66374 rgb(166,99,116) hsl(345,27%,52%)
#63A673 rgb(99,166,115) hsl(134,27%,52%)
#A67363 rgb(166,115,99) hsl(14,27%,52%)