Color HEX #5772A8, RGB(87,114,168)

Color name is Waikawa Gray. The color #5772a8 is a dark shade and slightly desaturated.

#5772a8
Fortune cookie with button

Color codes

copy icon
copy icon
copy icon

Your selected color codes

Palette

5772a8 color palette from light to dark

HEX RGB HSL
#020203 rgb(2,2,3) hsl(220,32%,1%)
#030507 rgb(3,5,7) hsl(220,32%,2%)
#05070a rgb(5,7,10) hsl(220,32%,3%)
#07090d rgb(7,9,13) hsl(220,32%,4%)
#090b11 rgb(9,11,17) hsl(220,32%,5%)
#0a0e14 rgb(10,14,20) hsl(220,32%,6%)
#0c1018 rgb(12,16,24) hsl(220,32%,7%)
#0e121b rgb(14,18,27) hsl(220,32%,8%)
#10151e rgb(16,21,30) hsl(220,32%,9%)
#111722 rgb(17,23,34) hsl(220,32%,10%)
#131925 rgb(19,25,37) hsl(220,32%,11%)
#151b28 rgb(21,27,40) hsl(220,32%,12%)
#171e2c rgb(23,30,44) hsl(220,32%,13%)
#18202f rgb(24,32,47) hsl(220,32%,14%)
#1a2232 rgb(26,34,50) hsl(220,32%,15%)
#1c2436 rgb(28,36,54) hsl(220,32%,16%)
#1d2739 rgb(29,39,57) hsl(220,32%,17%)
#1f293d rgb(31,41,61) hsl(220,32%,18%)
#212b40 rgb(33,43,64) hsl(220,32%,19%)
#232e43 rgb(35,46,67) hsl(220,32%,20%)
#243047 rgb(36,48,71) hsl(220,32%,21%)
#26324a rgb(38,50,74) hsl(220,32%,22%)
#28344d rgb(40,52,77) hsl(220,32%,23%)
#2a3751 rgb(42,55,81) hsl(220,32%,24%)
#2b3954 rgb(43,57,84) hsl(220,32%,25%)
#2d3b58 rgb(45,59,88) hsl(220,32%,26%)
#2f3e5b rgb(47,62,91) hsl(220,32%,27%)
#31405e rgb(49,64,94) hsl(220,32%,28%)
#324262 rgb(50,66,98) hsl(220,32%,29%)
#344465 rgb(52,68,101) hsl(220,32%,30%)
#364768 rgb(54,71,104) hsl(220,32%,31%)
#37496c rgb(55,73,108) hsl(220,32%,32%)
#394b6f rgb(57,75,111) hsl(220,32%,33%)
#3b4d72 rgb(59,77,114) hsl(220,32%,34%)
#3d5076 rgb(61,80,118) hsl(220,32%,35%)
#3e5279 rgb(62,82,121) hsl(220,32%,36%)
#40547d rgb(64,84,125) hsl(220,32%,37%)
#425780 rgb(66,87,128) hsl(220,32%,38%)
#445983 rgb(68,89,131) hsl(220,32%,39%)
#455b87 rgb(69,91,135) hsl(220,32%,40%)
#475d8a rgb(71,93,138) hsl(220,32%,41%)
#49608d rgb(73,96,141) hsl(220,32%,42%)
#4b6291 rgb(75,98,145) hsl(220,32%,43%)
#4c6494 rgb(76,100,148) hsl(220,32%,44%)
#4e6797 rgb(78,103,151) hsl(220,32%,45%)
#50699b rgb(80,105,155) hsl(220,32%,46%)
#516b9e rgb(81,107,158) hsl(220,32%,47%)
#536da2 rgb(83,109,162) hsl(220,32%,48%)
#5570a5 rgb(85,112,165) hsl(220,32%,49%)
#5772a8 rgb(87,114,168) hsl(220,32%,50%)
#5a75aa rgb(90,117,170) hsl(220,32%,51%)
#5d78ac rgb(93,120,172) hsl(220,32%,52%)
#617aae rgb(97,122,174) hsl(220,32%,53%)
#647daf rgb(100,125,175) hsl(220,32%,54%)
#6880b1 rgb(104,128,177) hsl(220,32%,55%)
#6b83b3 rgb(107,131,179) hsl(220,32%,56%)
#6e86b4 rgb(110,134,180) hsl(220,32%,57%)
#7288b6 rgb(114,136,182) hsl(220,32%,58%)
#758bb8 rgb(117,139,184) hsl(220,32%,59%)
#788eba rgb(120,142,186) hsl(220,32%,60%)
#7c91bb rgb(124,145,187) hsl(220,32%,61%)
#7f94bd rgb(127,148,189) hsl(220,32%,62%)
#8297bf rgb(130,151,191) hsl(220,32%,63%)
#8699c1 rgb(134,153,193) hsl(220,32%,64%)
#899cc2 rgb(137,156,194) hsl(220,32%,65%)
#8d9fc4 rgb(141,159,196) hsl(220,32%,66%)
#90a2c6 rgb(144,162,198) hsl(220,32%,67%)
#93a5c8 rgb(147,165,200) hsl(220,32%,68%)
#97a8c9 rgb(151,168,201) hsl(220,32%,69%)
#9aaacb rgb(154,170,203) hsl(220,32%,70%)
#9dadcd rgb(157,173,205) hsl(220,32%,71%)
#a1b0ce rgb(161,176,206) hsl(220,32%,72%)
#a4b3d0 rgb(164,179,208) hsl(220,32%,73%)
#a7b6d2 rgb(167,182,210) hsl(220,32%,74%)
#abb8d4 rgb(171,184,212) hsl(220,32%,75%)
#aebbd5 rgb(174,187,213) hsl(220,32%,76%)
#b2bed7 rgb(178,190,215) hsl(220,32%,77%)
#b5c1d9 rgb(181,193,217) hsl(220,32%,78%)
#b8c4db rgb(184,196,219) hsl(220,32%,79%)
#bcc7dc rgb(188,199,220) hsl(220,32%,80%)
#bfc9de rgb(191,201,222) hsl(220,32%,81%)
#c2cce0 rgb(194,204,224) hsl(220,32%,82%)
#c6cfe2 rgb(198,207,226) hsl(220,32%,83%)
#c9d2e3 rgb(201,210,227) hsl(220,32%,84%)
#cdd5e5 rgb(205,213,229) hsl(220,32%,85%)
#d0d7e7 rgb(208,215,231) hsl(220,32%,86%)
#d3dae8 rgb(211,218,232) hsl(220,32%,87%)
#d7ddea rgb(215,221,234) hsl(220,32%,88%)
#dae0ec rgb(218,224,236) hsl(220,32%,89%)
#dde3ee rgb(221,227,238) hsl(220,32%,90%)
#e1e6ef rgb(225,230,239) hsl(220,32%,91%)
#e4e8f1 rgb(228,232,241) hsl(220,32%,92%)
#e7ebf3 rgb(231,235,243) hsl(220,32%,93%)
#ebeef5 rgb(235,238,245) hsl(220,32%,94%)
#eef1f6 rgb(238,241,246) hsl(220,32%,95%)
#f2f4f8 rgb(242,244,248) hsl(220,32%,96%)
#f5f7fa rgb(245,247,250) hsl(220,32%,97%)
#f8f9fc rgb(248,249,252) hsl(220,32%,98%)
#fcfcfd rgb(252,252,253) hsl(220,32%,99%)

Adjacent colors

HEX RGB HSL
#57a8a8 rgb(87,168,168) hsl(180,32%,50%)
#5772a8 rgb(87,114,168) hsl(220,32%,50%)
#7257a8 rgb(114,87,168) hsl(260,32%,50%)

Monochromatic colors

HEX RGB HSL
#8c9ec3 rgb(140,158,195) hsl(220,31%,66%)
#718ab5 rgb(113,138,181) hsl(218,31%,58%)
#5772a8 rgb(87,114,168) hsl(220,32%,50%)
#49618d rgb(73,97,141) hsl(219,32%,42%)
#3b4d72 rgb(59,77,114) hsl(220,32%,34%)
#2d3b57 rgb(45,59,87) hsl(220,32%,26%)

Triad color palettes

HEX RGB HSL
#5772a8 rgb(87,114,168) hsl(220,32%,50%)
#a86357 rgb(168,99,87) hsl(9,32%,50%)
#9aa857 rgb(154,168,87) hsl(70,32%,50%)

Tetrad color palettes

HEX RGB HSL
#5772a8 rgb(87,114,168) hsl(220,32%,50%)
#a88c57 rgb(168,140,87) hsl(39,32%,50%)
#579ca8 rgb(87,156,168) hsl(189,32%,50%)
#9aa857 rgb(154,168,87) hsl(70,32%,50%)