HEX #64A696 color — Breaker Bay

The color #64a696 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

64a696 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
#64A66A rgb(100,166,106) hsl(125,27%,52%)
#64A696 rgb(100,166,150) hsl(165,27%,52%)
#648AA6 rgb(100,138,166) hsl(205,27%,52%)

Monochromatic colors

HEX RGB HSL
#9AC4BA rgb(154,196,186) hsl(166,26%,69%)
#7FB5A8 rgb(127,181,168) hsl(166,27%,60%)
#64A696 rgb(100,166,150) hsl(165,27%,52%)
#518F7F rgb(81,143,127) hsl(165,28%,44%)
#417367 rgb(65,115,103) hsl(166,28%,35%)
#32574E rgb(50,87,78) hsl(165,27%,27%)

Triad color palettes

HEX RGB HSL
#64A696 rgb(100,166,150) hsl(165,27%,52%)
#A66395 rgb(166,99,149) hsl(315,27%,52%)
#A67564 rgb(166,117,100) hsl(15,27%,52%)

Tetrad color palettes

HEX RGB HSL
#64A696 rgb(100,166,150) hsl(165,27%,52%)
#A66374 rgb(166,99,116) hsl(345,27%,52%)
#64A675 rgb(100,166,117) hsl(135,27%,52%)
#A67564 rgb(166,117,100) hsl(15,27%,52%)