Color HEX #5B84A4, RGB(91,132,164)

Color name is Horizon. The color #5b84a4 is a dark shade and slightly desaturated.

#5b84a4
Fortune cookie with button

Color codes

copy icon
copy icon
copy icon

Palette

5b84a4 color palette from light to dark

HEX RGB HSL
#020303 rgb(2,3,3) hsl(206,29%,1%)
#040507 rgb(4,5,7) hsl(206,29%,2%)
#05080a rgb(5,8,10) hsl(206,29%,3%)
#070b0d rgb(7,11,13) hsl(206,29%,4%)
#090d10 rgb(9,13,16) hsl(206,29%,5%)
#0b1014 rgb(11,16,20) hsl(206,29%,6%)
#0d1317 rgb(13,19,23) hsl(206,29%,7%)
#0e151a rgb(14,21,26) hsl(206,29%,8%)
#10181e rgb(16,24,30) hsl(206,29%,9%)
#121a21 rgb(18,26,33) hsl(206,29%,10%)
#141d24 rgb(20,29,36) hsl(206,29%,11%)
#162027 rgb(22,32,39) hsl(206,29%,12%)
#18222b rgb(24,34,43) hsl(206,29%,13%)
#19252e rgb(25,37,46) hsl(206,29%,14%)
#1b2831 rgb(27,40,49) hsl(206,29%,15%)
#1d2a35 rgb(29,42,53) hsl(206,29%,16%)
#1f2d38 rgb(31,45,56) hsl(206,29%,17%)
#21303b rgb(33,48,59) hsl(206,29%,18%)
#22323f rgb(34,50,63) hsl(206,29%,19%)
#243542 rgb(36,53,66) hsl(206,29%,20%)
#263845 rgb(38,56,69) hsl(206,29%,21%)
#283a48 rgb(40,58,72) hsl(206,29%,22%)
#2a3d4c rgb(42,61,76) hsl(206,29%,23%)
#2b404f rgb(43,64,79) hsl(206,29%,24%)
#2d4252 rgb(45,66,82) hsl(206,29%,25%)
#2f4556 rgb(47,69,86) hsl(206,29%,26%)
#314859 rgb(49,72,89) hsl(206,29%,27%)
#334a5c rgb(51,74,92) hsl(206,29%,28%)
#354d5f rgb(53,77,95) hsl(206,29%,29%)
#364f63 rgb(54,79,99) hsl(206,29%,30%)
#385266 rgb(56,82,102) hsl(206,29%,31%)
#3a5569 rgb(58,85,105) hsl(206,29%,32%)
#3c576d rgb(60,87,109) hsl(206,29%,33%)
#3e5a70 rgb(62,90,112) hsl(206,29%,34%)
#3f5d73 rgb(63,93,115) hsl(206,29%,35%)
#415f76 rgb(65,95,118) hsl(206,29%,36%)
#43627a rgb(67,98,122) hsl(206,29%,37%)
#45657d rgb(69,101,125) hsl(206,29%,38%)
#476780 rgb(71,103,128) hsl(206,29%,39%)
#486a84 rgb(72,106,132) hsl(206,29%,40%)
#4a6d87 rgb(74,109,135) hsl(206,29%,41%)
#4c6f8a rgb(76,111,138) hsl(206,29%,42%)
#4e728d rgb(78,114,141) hsl(206,29%,43%)
#507591 rgb(80,117,145) hsl(206,29%,44%)
#517794 rgb(81,119,148) hsl(206,29%,45%)
#537a97 rgb(83,122,151) hsl(206,29%,46%)
#557c9b rgb(85,124,155) hsl(206,29%,47%)
#577f9e rgb(87,127,158) hsl(206,29%,48%)
#5982a1 rgb(89,130,161) hsl(206,29%,49%)
#5b84a4 rgb(91,132,164) hsl(206,29%,50%)
#5e87a6 rgb(94,135,166) hsl(206,29%,51%)
#6189a8 rgb(97,137,168) hsl(206,29%,52%)
#648caa rgb(100,140,170) hsl(206,29%,53%)
#688eac rgb(104,142,172) hsl(206,29%,54%)
#6b91ae rgb(107,145,174) hsl(206,29%,55%)
#6e93af rgb(110,147,175) hsl(206,29%,56%)
#7296b1 rgb(114,150,177) hsl(206,29%,57%)
#7598b3 rgb(117,152,179) hsl(206,29%,58%)
#789ab5 rgb(120,154,181) hsl(206,29%,59%)
#7b9db7 rgb(123,157,183) hsl(206,29%,60%)
#7f9fb8 rgb(127,159,184) hsl(206,29%,61%)
#82a2ba rgb(130,162,186) hsl(206,29%,62%)
#85a4bc rgb(133,164,188) hsl(206,29%,63%)
#89a7be rgb(137,167,190) hsl(206,29%,64%)
#8ca9c0 rgb(140,169,192) hsl(206,29%,65%)
#8facc1 rgb(143,172,193) hsl(206,29%,66%)
#92aec3 rgb(146,174,195) hsl(206,29%,67%)
#96b1c5 rgb(150,177,197) hsl(206,29%,68%)
#99b3c7 rgb(153,179,199) hsl(206,29%,69%)
#9cb5c9 rgb(156,181,201) hsl(206,29%,70%)
#a0b8ca rgb(160,184,202) hsl(206,29%,71%)
#a3bacc rgb(163,186,204) hsl(206,29%,72%)
#a6bdce rgb(166,189,206) hsl(206,29%,73%)
#a9bfd0 rgb(169,191,208) hsl(206,29%,74%)
#adc2d2 rgb(173,194,210) hsl(206,29%,75%)
#b0c4d4 rgb(176,196,212) hsl(206,29%,76%)
#b3c7d5 rgb(179,199,213) hsl(206,29%,77%)
#b7c9d7 rgb(183,201,215) hsl(206,29%,78%)
#baccd9 rgb(186,204,217) hsl(206,29%,79%)
#bdcedb rgb(189,206,219) hsl(206,29%,80%)
#c0d0dd rgb(192,208,221) hsl(206,29%,81%)
#c4d3de rgb(196,211,222) hsl(206,29%,82%)
#c7d5e0 rgb(199,213,224) hsl(206,29%,83%)
#cad8e2 rgb(202,216,226) hsl(206,29%,84%)
#cedae4 rgb(206,218,228) hsl(206,29%,85%)
#d1dde6 rgb(209,221,230) hsl(206,29%,86%)
#d4dfe7 rgb(212,223,231) hsl(206,29%,87%)
#d8e2e9 rgb(216,226,233) hsl(206,29%,88%)
#dbe4eb rgb(219,228,235) hsl(206,29%,89%)
#dee6ed rgb(222,230,237) hsl(206,29%,90%)
#e1e9ef rgb(225,233,239) hsl(206,29%,91%)
#e5ebf1 rgb(229,235,241) hsl(206,29%,92%)
#e8eef2 rgb(232,238,242) hsl(206,29%,93%)
#ebf0f4 rgb(235,240,244) hsl(206,29%,94%)
#eff3f6 rgb(239,243,246) hsl(206,29%,95%)
#f2f5f8 rgb(242,245,248) hsl(206,29%,96%)
#f5f8fa rgb(245,248,250) hsl(206,29%,97%)
#f8fafb rgb(248,250,251) hsl(206,29%,98%)
#fcfdfd rgb(252,253,253) hsl(206,29%,99%)

Adjacent colors

HEX RGB HSL
#5ba393 rgb(91,163,147) hsl(167,28%,50%)
#5b84a4 rgb(91,132,164) hsl(206,29%,50%)
#625ca4 rgb(98,92,164) hsl(245,28%,50%)

Monochromatic colors

HEX RGB HSL
#8fabc1 rgb(143,171,193) hsl(206,29%,66%)
#7596b2 rgb(117,150,178) hsl(208,28%,58%)
#5b84a4 rgb(91,132,164) hsl(206,29%,50%)
#4c6e89 rgb(76,110,137) hsl(207,29%,42%)
#3d596f rgb(61,89,111) hsl(206,29%,34%)
#2f4555 rgb(47,69,85) hsl(205,29%,26%)

Triad color palettes

HEX RGB HSL
#5b84a4 rgb(91,132,164) hsl(206,29%,50%)
#a45c5f rgb(164,92,95) hsl(358,28%,50%)
#a4a15b rgb(164,161,91) hsl(58,29%,50%)

Tetrad color palettes

HEX RGB HSL
#5b84a4 rgb(91,132,164) hsl(206,29%,50%)
#a47a5b rgb(164,122,91) hsl(25,29%,50%)
#5ba39f rgb(91,163,159) hsl(177,28%,50%)
#a4a15b rgb(164,161,91) hsl(58,29%,50%)