HEX #649EA5 color — Breaker Bay

The color #649EA5 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

649EA5 color palette from light to dark

HEX RGB HSL
#f5f9f9 rgb(245,249,249) hsl(186,27%,97%)
#e5eff0 rgb(229,239,240) hsl(186,27%,92%)
#d5e5e7 rgb(213,229,231) hsl(186,27%,87%)
#c5dbdd rgb(197,219,221) hsl(186,27%,82%)
#b5d1d4 rgb(181,209,212) hsl(186,27%,77%)
#a4c7cb rgb(164,199,203) hsl(186,27%,72%)
#94bdc2 rgb(148,189,194) hsl(186,27%,67%)
#84b3b8 rgb(132,179,184) hsl(186,27%,62%)
#74a9af rgb(116,169,175) hsl(186,27%,57%)
#649fa6 rgb(100,159,166) hsl(186,27%,52%)
#579298 rgb(87,146,152) hsl(186,27%,47%)
#4e8288 rgb(78,130,136) hsl(186,27%,42%)
#457378 rgb(69,115,120) hsl(186,27%,37%)
#3c6368 rgb(60,99,104) hsl(186,27%,32%)
#325457 rgb(50,84,87) hsl(186,27%,27%)
#294447 rgb(41,68,71) hsl(186,27%,22%)
#203537 rgb(32,53,55) hsl(186,27%,17%)
#162527 rgb(22,37,39) hsl(186,27%,12%)
#0d1617 rgb(13,22,23) hsl(186,27%,7%)
#040606 rgb(4,6,6) hsl(186,27%,2%)

Adjacent colors

HEX RGB HSL
#64A680 rgb(100,166,128) hsl(145,27%,52%)
#649EA5 rgb(100,158,165) hsl(186,27%,52%)
#6473A5 rgb(100,115,165) hsl(226,27%,52%)

Monochromatic colors

HEX RGB HSL
#99BFC4 rgb(153,191,196) hsl(187,27%,68%)
#7EB0B4 rgb(126,176,180) hsl(184,26%,60%)
#649EA5 rgb(100,158,165) hsl(186,27%,52%)
#51878C rgb(81,135,140) hsl(185,27%,43%)
#426E72 rgb(66,110,114) hsl(185,27%,35%)
#325457 rgb(50,84,87) hsl(185,27%,27%)

Triad color palettes

HEX RGB HSL
#649EA5 rgb(100,158,165) hsl(186,27%,52%)
#A5637D rgb(165,99,125) hsl(336,27%,52%)
#A58C64 rgb(165,140,100) hsl(37,27%,52%)

Tetrad color palettes

HEX RGB HSL
#649EA5 rgb(100,158,165) hsl(186,27%,52%)
#A56B64 rgb(165,107,100) hsl(6,27%,52%)
#64A68B rgb(100,166,139) hsl(155,27%,52%)
#A58C64 rgb(165,140,100) hsl(37,27%,52%)