Color HEX #5D86A2, RGB(93,134,162)

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

#5d86a2
Fortune cookie with button

Color codes

copy icon
copy icon
copy icon

Palette

5d86a2 color palette from light to dark

HEX RGB HSL
#020303 rgb(2,3,3) hsl(204,27%,1%)
#040506 rgb(4,5,6) hsl(204,27%,2%)
#06080a rgb(6,8,10) hsl(204,27%,3%)
#070b0d rgb(7,11,13) hsl(204,27%,4%)
#090d10 rgb(9,13,16) hsl(204,27%,5%)
#0b1013 rgb(11,16,19) hsl(204,27%,6%)
#0d1317 rgb(13,19,23) hsl(204,27%,7%)
#0f161a rgb(15,22,26) hsl(204,27%,8%)
#11181d rgb(17,24,29) hsl(204,27%,9%)
#131b20 rgb(19,27,32) hsl(204,27%,10%)
#141e24 rgb(20,30,36) hsl(204,27%,11%)
#162027 rgb(22,32,39) hsl(204,27%,12%)
#18232a rgb(24,35,42) hsl(204,27%,13%)
#1a262d rgb(26,38,45) hsl(204,27%,14%)
#1c2831 rgb(28,40,49) hsl(204,27%,15%)
#1e2b34 rgb(30,43,52) hsl(204,27%,16%)
#202e37 rgb(32,46,55) hsl(204,27%,17%)
#22303a rgb(34,48,58) hsl(204,27%,18%)
#23333e rgb(35,51,62) hsl(204,27%,19%)
#253641 rgb(37,54,65) hsl(204,27%,20%)
#273844 rgb(39,56,68) hsl(204,27%,21%)
#293b47 rgb(41,59,71) hsl(204,27%,22%)
#2b3e4a rgb(43,62,74) hsl(204,27%,23%)
#2d414e rgb(45,65,78) hsl(204,27%,24%)
#2f4351 rgb(47,67,81) hsl(204,27%,25%)
#304654 rgb(48,70,84) hsl(204,27%,26%)
#324957 rgb(50,73,87) hsl(204,27%,27%)
#344b5b rgb(52,75,91) hsl(204,27%,28%)
#364e5e rgb(54,78,94) hsl(204,27%,29%)
#385161 rgb(56,81,97) hsl(204,27%,30%)
#3a5364 rgb(58,83,100) hsl(204,27%,31%)
#3c5668 rgb(60,86,104) hsl(204,27%,32%)
#3d596b rgb(61,89,107) hsl(204,27%,33%)
#3f5b6e rgb(63,91,110) hsl(204,27%,34%)
#415e71 rgb(65,94,113) hsl(204,27%,35%)
#436175 rgb(67,97,117) hsl(204,27%,36%)
#456378 rgb(69,99,120) hsl(204,27%,37%)
#47667b rgb(71,102,123) hsl(204,27%,38%)
#49697e rgb(73,105,126) hsl(204,27%,39%)
#4a6c82 rgb(74,108,130) hsl(204,27%,40%)
#4c6e85 rgb(76,110,133) hsl(204,27%,41%)
#4e7188 rgb(78,113,136) hsl(204,27%,42%)
#50748b rgb(80,116,139) hsl(204,27%,43%)
#52768e rgb(82,118,142) hsl(204,27%,44%)
#547992 rgb(84,121,146) hsl(204,27%,45%)
#567c95 rgb(86,124,149) hsl(204,27%,46%)
#577e98 rgb(87,126,152) hsl(204,27%,47%)
#59819b rgb(89,129,155) hsl(204,27%,48%)
#5b849f rgb(91,132,159) hsl(204,27%,49%)
#5d86a2 rgb(93,134,162) hsl(204,27%,50%)
#6089a4 rgb(96,137,164) hsl(204,27%,51%)
#648ba6 rgb(100,139,166) hsl(204,27%,52%)
#678ea8 rgb(103,142,168) hsl(204,27%,53%)
#6a90a9 rgb(106,144,169) hsl(204,27%,54%)
#6d92ab rgb(109,146,171) hsl(204,27%,55%)
#7195ad rgb(113,149,173) hsl(204,27%,56%)
#7497af rgb(116,151,175) hsl(204,27%,57%)
#779ab1 rgb(119,154,177) hsl(204,27%,58%)
#7a9cb3 rgb(122,156,179) hsl(204,27%,59%)
#7d9fb5 rgb(125,159,181) hsl(204,27%,60%)
#81a1b6 rgb(129,161,182) hsl(204,27%,61%)
#84a3b8 rgb(132,163,184) hsl(204,27%,62%)
#87a6ba rgb(135,166,186) hsl(204,27%,63%)
#8aa8bc rgb(138,168,188) hsl(204,27%,64%)
#8eabbe rgb(142,171,190) hsl(204,27%,65%)
#91adc0 rgb(145,173,192) hsl(204,27%,66%)
#94afc2 rgb(148,175,194) hsl(204,27%,67%)
#97b2c3 rgb(151,178,195) hsl(204,27%,68%)
#9bb4c5 rgb(155,180,197) hsl(204,27%,69%)
#9eb7c7 rgb(158,183,199) hsl(204,27%,70%)
#a1b9c9 rgb(161,185,201) hsl(204,27%,71%)
#a4bbcb rgb(164,187,203) hsl(204,27%,72%)
#a8becd rgb(168,190,205) hsl(204,27%,73%)
#abc0cf rgb(171,192,207) hsl(204,27%,74%)
#aec3d0 rgb(174,195,208) hsl(204,27%,75%)
#b1c5d2 rgb(177,197,210) hsl(204,27%,76%)
#b5c8d4 rgb(181,200,212) hsl(204,27%,77%)
#b8cad6 rgb(184,202,214) hsl(204,27%,78%)
#bbccd8 rgb(187,204,216) hsl(204,27%,79%)
#becfda rgb(190,207,218) hsl(204,27%,80%)
#c1d1dc rgb(193,209,220) hsl(204,27%,81%)
#c5d4dd rgb(197,212,221) hsl(204,27%,82%)
#c8d6df rgb(200,214,223) hsl(204,27%,83%)
#cbd8e1 rgb(203,216,225) hsl(204,27%,84%)
#cedbe3 rgb(206,219,227) hsl(204,27%,85%)
#d2dde5 rgb(210,221,229) hsl(204,27%,86%)
#d5e0e7 rgb(213,224,231) hsl(204,27%,87%)
#d8e2e9 rgb(216,226,233) hsl(204,27%,88%)
#dbe4eb rgb(219,228,235) hsl(204,27%,89%)
#dfe7ec rgb(223,231,236) hsl(204,27%,90%)
#e2e9ee rgb(226,233,238) hsl(204,27%,91%)
#e5ecf0 rgb(229,236,240) hsl(204,27%,92%)
#e8eef2 rgb(232,238,242) hsl(204,27%,93%)
#ecf1f4 rgb(236,241,244) hsl(204,27%,94%)
#eff3f6 rgb(239,243,246) hsl(204,27%,95%)
#f2f5f8 rgb(242,245,248) hsl(204,27%,96%)
#f5f8f9 rgb(245,248,249) hsl(204,27%,97%)
#f9fafb rgb(249,250,251) hsl(204,27%,98%)
#fcfdfd rgb(252,253,253) hsl(204,27%,99%)

Adjacent colors

HEX RGB HSL
#5da390 rgb(93,163,144) hsl(164,28%,50%)
#5d86a2 rgb(93,134,162) hsl(204,27%,50%)
#625ca2 rgb(98,92,162) hsl(245,28%,50%)

Monochromatic colors

HEX RGB HSL
#90adbf rgb(144,173,191) hsl(203,27%,66%)
#7699b0 rgb(118,153,176) hsl(204,27%,58%)
#5d86a2 rgb(93,134,162) hsl(204,27%,50%)
#4e7088 rgb(78,112,136) hsl(205,27%,42%)
#3f5c6e rgb(63,92,110) hsl(203,27%,34%)
#304554 rgb(48,69,84) hsl(205,27%,26%)

Triad color palettes

HEX RGB HSL
#5d86a2 rgb(93,134,162) hsl(204,27%,50%)
#a25c63 rgb(162,92,99) hsl(354,28%,50%)
#a29c5d rgb(162,156,93) hsl(55,27%,50%)

Tetrad color palettes

HEX RGB HSL
#5d86a2 rgb(93,134,162) hsl(204,27%,50%)
#a2785d rgb(162,120,93) hsl(23,27%,50%)
#5da39b rgb(93,163,155) hsl(173,28%,50%)
#a29c5d rgb(162,156,93) hsl(55,27%,50%)