HEX #64A5A6 color — Breaker Bay
The color #64a5a6 is a light shade and slightly desaturated.
Palette
64a5a6 color palette from light to dark
HEX |
RGB |
HSL |
#f5f9f9 |
rgb(245,249,249) |
hsl(181,27%,97%) |
#e5f0f0 |
rgb(229,240,240) |
hsl(181,27%,92%) |
#d5e7e7 |
rgb(213,231,231) |
hsl(181,27%,87%) |
#c5dddd |
rgb(197,221,221) |
hsl(181,27%,82%) |
#b5d4d4 |
rgb(181,212,212) |
hsl(181,27%,77%) |
#a4cacb |
rgb(164,202,203) |
hsl(181,27%,72%) |
#94c1c2 |
rgb(148,193,194) |
hsl(181,27%,67%) |
#84b7b8 |
rgb(132,183,184) |
hsl(181,27%,62%) |
#74aeaf |
rgb(116,174,175) |
hsl(181,27%,57%) |
#64a5a6 |
rgb(100,165,166) |
hsl(181,27%,52%) |
#579798 |
rgb(87,151,152) |
hsl(181,27%,47%) |
#4e8788 |
rgb(78,135,136) |
hsl(181,27%,42%) |
#457778 |
rgb(69,119,120) |
hsl(181,27%,37%) |
#3c6768 |
rgb(60,103,104) |
hsl(181,27%,32%) |
#325757 |
rgb(50,87,87) |
hsl(181,27%,27%) |
#294747 |
rgb(41,71,71) |
hsl(181,27%,22%) |
#203737 |
rgb(32,55,55) |
hsl(181,27%,17%) |
#162727 |
rgb(22,39,39) |
hsl(181,27%,12%) |
#0d1717 |
rgb(13,23,23) |
hsl(181,27%,7%) |
#040606 |
rgb(4,6,6) |
hsl(181,27%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#64A67B |
rgb(100,166,123) |
hsl(141,27%,52%) |
#64A5A6 |
rgb(100,165,166) |
hsl(181,27%,52%) |
#6478A6 |
rgb(100,120,166) |
hsl(222,27%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9AC4C5 |
rgb(154,196,197) |
hsl(181,27%,69%) |
#7FB5B5 |
rgb(127,181,181) |
hsl(180,27%,60%) |
#64A5A6 |
rgb(100,165,166) |
hsl(181,27%,52%) |
#518C8D |
rgb(81,140,141) |
hsl(181,27%,44%) |
#417372 |
rgb(65,115,114) |
hsl(179,28%,35%) |
#325757 |
rgb(50,87,87) |
hsl(180,27%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#64A5A6 |
rgb(100,165,166) |
hsl(181,27%,52%) |
#A66384 |
rgb(166,99,132) |
hsl(330,27%,52%) |
#A68764 |
rgb(166,135,100) |
hsl(32,27%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#64A5A6 |
rgb(100,165,166) |
hsl(181,27%,52%) |
#A66664 |
rgb(166,102,100) |
hsl(2,27%,52%) |
#64A686 |
rgb(100,166,134) |
hsl(151,27%,52%) |
#A68764 |
rgb(166,135,100) |
hsl(32,27%,52%) |