Color HEX #5977A6, RGB(89,119,166)

Color name is Waikawa Gray. The color #5977a6 is a dark shade and slightly desaturated.

#5977a6
Fortune cookie with button

Color codes

copy icon
copy icon
copy icon

Your selected color codes

Palette

5977a6 color palette from light to dark

HEX RGB HSL
#020203 rgb(2,2,3) hsl(217,30%,1%)
#040507 rgb(4,5,7) hsl(217,30%,2%)
#05070a rgb(5,7,10) hsl(217,30%,3%)
#07090d rgb(7,9,13) hsl(217,30%,4%)
#090c11 rgb(9,12,17) hsl(217,30%,5%)
#0b0e14 rgb(11,14,20) hsl(217,30%,6%)
#0c1117 rgb(12,17,23) hsl(217,30%,7%)
#0e131b rgb(14,19,27) hsl(217,30%,8%)
#10151e rgb(16,21,30) hsl(217,30%,9%)
#121821 rgb(18,24,33) hsl(217,30%,10%)
#141a24 rgb(20,26,36) hsl(217,30%,11%)
#151c28 rgb(21,28,40) hsl(217,30%,12%)
#171f2b rgb(23,31,43) hsl(217,30%,13%)
#19212e rgb(25,33,46) hsl(217,30%,14%)
#1b2432 rgb(27,36,50) hsl(217,30%,15%)
#1d2635 rgb(29,38,53) hsl(217,30%,16%)
#1e2838 rgb(30,40,56) hsl(217,30%,17%)
#202b3c rgb(32,43,60) hsl(217,30%,18%)
#222d3f rgb(34,45,63) hsl(217,30%,19%)
#242f42 rgb(36,47,66) hsl(217,30%,20%)
#253246 rgb(37,50,70) hsl(217,30%,21%)
#273449 rgb(39,52,73) hsl(217,30%,22%)
#29374c rgb(41,55,76) hsl(217,30%,23%)
#2b3950 rgb(43,57,80) hsl(217,30%,24%)
#2d3b53 rgb(45,59,83) hsl(217,30%,25%)
#2e3e56 rgb(46,62,86) hsl(217,30%,26%)
#30405a rgb(48,64,90) hsl(217,30%,27%)
#32425d rgb(50,66,93) hsl(217,30%,28%)
#344560 rgb(52,69,96) hsl(217,30%,29%)
#364763 rgb(54,71,99) hsl(217,30%,30%)
#374a67 rgb(55,74,103) hsl(217,30%,31%)
#394c6a rgb(57,76,106) hsl(217,30%,32%)
#3b4e6d rgb(59,78,109) hsl(217,30%,33%)
#3d5171 rgb(61,81,113) hsl(217,30%,34%)
#3e5374 rgb(62,83,116) hsl(217,30%,35%)
#405577 rgb(64,85,119) hsl(217,30%,36%)
#42587b rgb(66,88,123) hsl(217,30%,37%)
#445a7e rgb(68,90,126) hsl(217,30%,38%)
#465c81 rgb(70,92,129) hsl(217,30%,39%)
#475f85 rgb(71,95,133) hsl(217,30%,40%)
#496188 rgb(73,97,136) hsl(217,30%,41%)
#4b648b rgb(75,100,139) hsl(217,30%,42%)
#4d668f rgb(77,102,143) hsl(217,30%,43%)
#4f6892 rgb(79,104,146) hsl(217,30%,44%)
#506b95 rgb(80,107,149) hsl(217,30%,45%)
#526d98 rgb(82,109,152) hsl(217,30%,46%)
#546f9c rgb(84,111,156) hsl(217,30%,47%)
#56729f rgb(86,114,159) hsl(217,30%,48%)
#5774a2 rgb(87,116,162) hsl(217,30%,49%)
#5977a6 rgb(89,119,166) hsl(217,30%,50%)
#5d79a8 rgb(93,121,168) hsl(217,30%,51%)
#607ca9 rgb(96,124,169) hsl(217,30%,52%)
#637fab rgb(99,127,171) hsl(217,30%,53%)
#6781ad rgb(103,129,173) hsl(217,30%,54%)
#6a84af rgb(106,132,175) hsl(217,30%,55%)
#6d87b0 rgb(109,135,176) hsl(217,30%,56%)
#708ab2 rgb(112,138,178) hsl(217,30%,57%)
#748cb4 rgb(116,140,180) hsl(217,30%,58%)
#778fb6 rgb(119,143,182) hsl(217,30%,59%)
#7a92b8 rgb(122,146,184) hsl(217,30%,60%)
#7e95b9 rgb(126,149,185) hsl(217,30%,61%)
#8197bb rgb(129,151,187) hsl(217,30%,62%)
#849abd rgb(132,154,189) hsl(217,30%,63%)
#889dbf rgb(136,157,191) hsl(217,30%,64%)
#8ba0c1 rgb(139,160,193) hsl(217,30%,65%)
#8ea2c2 rgb(142,162,194) hsl(217,30%,66%)
#92a5c4 rgb(146,165,196) hsl(217,30%,67%)
#95a8c6 rgb(149,168,198) hsl(217,30%,68%)
#98aac8 rgb(152,170,200) hsl(217,30%,69%)
#9cadc9 rgb(156,173,201) hsl(217,30%,70%)
#9fb0cb rgb(159,176,203) hsl(217,30%,71%)
#a2b3cd rgb(162,179,205) hsl(217,30%,72%)
#a5b5cf rgb(165,181,207) hsl(217,30%,73%)
#a9b8d1 rgb(169,184,209) hsl(217,30%,74%)
#acbbd2 rgb(172,187,210) hsl(217,30%,75%)
#afbed4 rgb(175,190,212) hsl(217,30%,76%)
#b3c0d6 rgb(179,192,214) hsl(217,30%,77%)
#b6c3d8 rgb(182,195,216) hsl(217,30%,78%)
#b9c6da rgb(185,198,218) hsl(217,30%,79%)
#bdc8db rgb(189,200,219) hsl(217,30%,80%)
#c0cbdd rgb(192,203,221) hsl(217,30%,81%)
#c3cedf rgb(195,206,223) hsl(217,30%,82%)
#c7d1e1 rgb(199,209,225) hsl(217,30%,83%)
#cad3e2 rgb(202,211,226) hsl(217,30%,84%)
#cdd6e4 rgb(205,214,228) hsl(217,30%,85%)
#d1d9e6 rgb(209,217,230) hsl(217,30%,86%)
#d4dce8 rgb(212,220,232) hsl(217,30%,87%)
#d7deea rgb(215,222,234) hsl(217,30%,88%)
#dbe1eb rgb(219,225,235) hsl(217,30%,89%)
#dee4ed rgb(222,228,237) hsl(217,30%,90%)
#e1e6ef rgb(225,230,239) hsl(217,30%,91%)
#e4e9f1 rgb(228,233,241) hsl(217,30%,92%)
#e8ecf3 rgb(232,236,243) hsl(217,30%,93%)
#ebeff4 rgb(235,239,244) hsl(217,30%,94%)
#eef1f6 rgb(238,241,246) hsl(217,30%,95%)
#f2f4f8 rgb(242,244,248) hsl(217,30%,96%)
#f5f7fa rgb(245,247,250) hsl(217,30%,97%)
#f8fafb rgb(248,250,251) hsl(217,30%,98%)
#fcfcfd rgb(252,252,253) hsl(217,30%,99%)

Adjacent colors

HEX RGB HSL
#59a6a1 rgb(89,166,161) hsl(176,30%,50%)
#5977a6 rgb(89,119,166) hsl(217,30%,50%)
#6e59a6 rgb(110,89,166) hsl(256,30%,50%)

Monochromatic colors

HEX RGB HSL
#8ea3c2 rgb(142,163,194) hsl(216,30%,66%)
#738cb4 rgb(115,140,180) hsl(217,30%,58%)
#5977a6 rgb(89,119,166) hsl(217,30%,50%)
#4a638b rgb(74,99,139) hsl(217,31%,42%)
#3c5270 rgb(60,82,112) hsl(215,30%,34%)
#2e3d56 rgb(46,61,86) hsl(218,30%,26%)

Triad color palettes

HEX RGB HSL
#5977a6 rgb(89,119,166) hsl(217,30%,50%)
#a66159 rgb(166,97,89) hsl(6,30%,50%)
#9da659 rgb(157,166,89) hsl(67,30%,50%)

Tetrad color palettes

HEX RGB HSL
#5977a6 rgb(89,119,166) hsl(217,30%,50%)
#a68759 rgb(166,135,89) hsl(36,30%,50%)
#599ea6 rgb(89,158,166) hsl(186,30%,50%)
#9da659 rgb(157,166,89) hsl(67,30%,50%)