HEX #60A696 color — Breaker Bay
The color #60A696 is a light shade and slightly desaturated.
Palette
60A696 color palette from light to dark
HEX |
RGB |
HSL |
#f2f8f6 |
rgb(242,248,246) |
hsl(166,28%,96%) |
#e2eeeb |
rgb(226,238,235) |
hsl(166,28%,91%) |
#d1e5e1 |
rgb(209,229,225) |
hsl(166,28%,86%) |
#c1dcd6 |
rgb(193,220,214) |
hsl(166,28%,81%) |
#b1d3cb |
rgb(177,211,203) |
hsl(166,28%,76%) |
#a0cac0 |
rgb(160,202,192) |
hsl(166,28%,71%) |
#90c1b5 |
rgb(144,193,181) |
hsl(166,28%,66%) |
#80b7aa |
rgb(128,183,170) |
hsl(166,28%,61%) |
#6faea0 |
rgb(111,174,160) |
hsl(166,28%,56%) |
#5fa595 |
rgb(95,165,149) |
hsl(166,28%,51%) |
#549687 |
rgb(84,150,135) |
hsl(166,28%,46%) |
#4b8678 |
rgb(75,134,120) |
hsl(166,28%,41%) |
#42766a |
rgb(66,118,106) |
hsl(166,28%,36%) |
#39655b |
rgb(57,101,91) |
hsl(166,28%,31%) |
#30554c |
rgb(48,85,76) |
hsl(166,28%,26%) |
#27453e |
rgb(39,69,62) |
hsl(166,28%,21%) |
#1d342f |
rgb(29,52,47) |
hsl(166,28%,16%) |
#142420 |
rgb(20,36,32) |
hsl(166,28%,11%) |
#0b1412 |
rgb(11,20,18) |
hsl(166,28%,6%) |
#020303 |
rgb(2,3,3) |
hsl(166,28%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#60A667 |
rgb(96,166,103) |
hsl(126,28%,51%) |
#60A696 |
rgb(96,166,150) |
hsl(166,28%,51%) |
#6087A6 |
rgb(96,135,166) |
hsl(207,28%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#95C4B9 |
rgb(149,196,185) |
hsl(166,28%,68%) |
#7AB5A7 |
rgb(122,181,167) |
hsl(166,29%,59%) |
#60A696 |
rgb(96,166,150) |
hsl(166,28%,51%) |
#4E8C7E |
rgb(78,140,126) |
hsl(166,28%,43%) |
#3F7366 |
rgb(63,115,102) |
hsl(165,29%,35%) |
#30574E |
rgb(48,87,78) |
hsl(166,29%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#60A696 |
rgb(96,166,150) |
hsl(166,28%,51%) |
#A66193 |
rgb(166,97,147) |
hsl(317,28%,52%) |
#A67360 |
rgb(166,115,96) |
hsl(16,28%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#60A696 |
rgb(96,166,150) |
hsl(166,28%,51%) |
#A66170 |
rgb(166,97,112) |
hsl(347,28%,52%) |
#60A673 |
rgb(96,166,115) |
hsl(136,28%,51%) |
#A67360 |
rgb(166,115,96) |
hsl(16,28%,51%) |