HEX #5CA6A2 color — Breaker Bay

The color #5CA6A2 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

5CA6A2 color palette from light to dark

HEX RGB HSL
#f2f8f7 rgb(242,248,247) hsl(177,29%,96%)
#e1efee rgb(225,239,238) hsl(177,29%,91%)
#d1e6e5 rgb(209,230,229) hsl(177,29%,86%)
#c0dddb rgb(192,221,219) hsl(177,29%,81%)
#b0d4d2 rgb(176,212,210) hsl(177,29%,76%)
#a0cac8 rgb(160,202,200) hsl(177,29%,71%)
#8fc1bf rgb(143,193,191) hsl(177,29%,66%)
#7fb8b6 rgb(127,184,182) hsl(177,29%,61%)
#6eafac rgb(110,175,172) hsl(177,29%,56%)
#5ea6a3 rgb(94,166,163) hsl(177,29%,51%)
#539794 rgb(83,151,148) hsl(177,29%,46%)
#4a8784 rgb(74,135,132) hsl(177,29%,41%)
#417674 rgb(65,118,116) hsl(177,29%,36%)
#386664 rgb(56,102,100) hsl(177,29%,31%)
#2f5654 rgb(47,86,84) hsl(177,29%,26%)
#264544 rgb(38,69,68) hsl(177,29%,21%)
#1d3533 rgb(29,53,51) hsl(177,29%,16%)
#142423 rgb(20,36,35) hsl(177,29%,11%)
#0b1413 rgb(11,20,19) hsl(177,29%,6%)
#020303 rgb(2,3,3) hsl(177,29%,1%)

Adjacent colors

HEX RGB HSL
#5CA670 rgb(92,166,112) hsl(136,29%,51%)
#5CA6A2 rgb(92,166,162) hsl(177,29%,51%)
#5C78A6 rgb(92,120,166) hsl(217,29%,51%)

Monochromatic colors

HEX RGB HSL
#91C4C0 rgb(145,196,192) hsl(175,30%,67%)
#76B5B1 rgb(118,181,177) hsl(176,30%,59%)
#5CA6A2 rgb(92,166,162) hsl(177,29%,51%)
#4C8C88 rgb(76,140,136) hsl(176,30%,42%)
#3D736E rgb(61,115,110) hsl(174,31%,35%)
#2F5754 rgb(47,87,84) hsl(176,30%,26%)

Triad color palettes

HEX RGB HSL
#5CA6A2 rgb(92,166,162) hsl(177,29%,51%)
#A65C85 rgb(166,92,133) hsl(327,29%,51%)
#A67D5C rgb(166,125,92) hsl(27,29%,51%)

Tetrad color palettes

HEX RGB HSL
#5CA6A2 rgb(92,166,162) hsl(177,29%,51%)
#A65C60 rgb(166,92,96) hsl(357,29%,51%)
#5CA67D rgb(92,166,125) hsl(147,29%,51%)
#A67D5C rgb(166,125,92) hsl(27,29%,51%)