HEX #64A698 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

64A698 color palette from light to dark

HEX RGB HSL
#f5f9f9 rgb(245,249,249) hsl(167,27%,97%)
#e5f0ee rgb(229,240,238) hsl(167,27%,92%)
#d5e7e3 rgb(213,231,227) hsl(167,27%,87%)
#c5ddd8 rgb(197,221,216) hsl(167,27%,82%)
#b5d4cd rgb(181,212,205) hsl(167,27%,77%)
#a4cbc3 rgb(164,203,195) hsl(167,27%,72%)
#94c2b8 rgb(148,194,184) hsl(167,27%,67%)
#84b8ad rgb(132,184,173) hsl(167,27%,62%)
#74afa2 rgb(116,175,162) hsl(167,27%,57%)
#64a697 rgb(100,166,151) hsl(167,27%,52%)
#57988a rgb(87,152,138) hsl(167,27%,47%)
#4e887b rgb(78,136,123) hsl(167,27%,42%)
#45786d rgb(69,120,109) hsl(167,27%,37%)
#3c685e rgb(60,104,94) hsl(167,27%,32%)
#32574f rgb(50,87,79) hsl(167,27%,27%)
#294741 rgb(41,71,65) hsl(167,27%,22%)
#203732 rgb(32,55,50) hsl(167,27%,17%)
#162723 rgb(22,39,35) hsl(167,27%,12%)
#0d1715 rgb(13,23,21) hsl(167,27%,7%)
#040606 rgb(4,6,6) hsl(167,27%,2%)

Adjacent colors

HEX RGB HSL
#64A66C rgb(100,166,108) hsl(127,27%,52%)
#64A698 rgb(100,166,152) hsl(167,27%,52%)
#6487A6 rgb(100,135,166) hsl(208,27%,52%)

Monochromatic colors

HEX RGB HSL
#9AC4BB rgb(154,196,187) hsl(167,26%,69%)
#7FB5A9 rgb(127,181,169) hsl(167,27%,60%)
#64A698 rgb(100,166,152) hsl(167,27%,52%)
#518F81 rgb(81,143,129) hsl(166,28%,44%)
#417368 rgb(65,115,104) hsl(167,28%,35%)
#32574F rgb(50,87,79) hsl(167,27%,27%)

Triad color palettes

HEX RGB HSL
#64A698 rgb(100,166,152) hsl(167,27%,52%)
#A66393 rgb(166,99,147) hsl(317,27%,52%)
#A67864 rgb(166,120,100) hsl(18,27%,52%)

Tetrad color palettes

HEX RGB HSL
#64A698 rgb(100,166,152) hsl(167,27%,52%)
#A66372 rgb(166,99,114) hsl(347,27%,52%)
#64A677 rgb(100,166,119) hsl(137,27%,52%)
#A67864 rgb(166,120,100) hsl(18,27%,52%)