Color HEX #5B8CA4, RGB(91,140,164)

Color name is Horizon. The color #5b8ca4 is a light shade and slightly desaturated.

#5b8ca4
Fortune cookie with button

Color codes

copy icon
copy icon
copy icon

Your selected color codes

Palette

5b8ca4 color palette from light to dark

HEX RGB HSL
#020303 rgb(2,3,3) hsl(200,29%,1%)
#040607 rgb(4,6,7) hsl(200,29%,2%)
#05080a rgb(5,8,10) hsl(200,29%,3%)
#070b0d rgb(7,11,13) hsl(200,29%,4%)
#090e10 rgb(9,14,16) hsl(200,29%,5%)
#0b1114 rgb(11,17,20) hsl(200,29%,6%)
#0d1417 rgb(13,20,23) hsl(200,29%,7%)
#0e161a rgb(14,22,26) hsl(200,29%,8%)
#10191e rgb(16,25,30) hsl(200,29%,9%)
#121c21 rgb(18,28,33) hsl(200,29%,10%)
#141f24 rgb(20,31,36) hsl(200,29%,11%)
#162227 rgb(22,34,39) hsl(200,29%,12%)
#18242b rgb(24,36,43) hsl(200,29%,13%)
#19272e rgb(25,39,46) hsl(200,29%,14%)
#1b2a31 rgb(27,42,49) hsl(200,29%,15%)
#1d2d35 rgb(29,45,53) hsl(200,29%,16%)
#1f3038 rgb(31,48,56) hsl(200,29%,17%)
#21323b rgb(33,50,59) hsl(200,29%,18%)
#22353f rgb(34,53,63) hsl(200,29%,19%)
#243842 rgb(36,56,66) hsl(200,29%,20%)
#263b45 rgb(38,59,69) hsl(200,29%,21%)
#283e48 rgb(40,62,72) hsl(200,29%,22%)
#2a404c rgb(42,64,76) hsl(200,29%,23%)
#2b434f rgb(43,67,79) hsl(200,29%,24%)
#2d4652 rgb(45,70,82) hsl(200,29%,25%)
#2f4956 rgb(47,73,86) hsl(200,29%,26%)
#314c59 rgb(49,76,89) hsl(200,29%,27%)
#334e5c rgb(51,78,92) hsl(200,29%,28%)
#35515f rgb(53,81,95) hsl(200,29%,29%)
#365463 rgb(54,84,99) hsl(200,29%,30%)
#385766 rgb(56,87,102) hsl(200,29%,31%)
#3a5969 rgb(58,89,105) hsl(200,29%,32%)
#3c5c6d rgb(60,92,109) hsl(200,29%,33%)
#3e5f70 rgb(62,95,112) hsl(200,29%,34%)
#3f6273 rgb(63,98,115) hsl(200,29%,35%)
#416576 rgb(65,101,118) hsl(200,29%,36%)
#43677a rgb(67,103,122) hsl(200,29%,37%)
#456a7d rgb(69,106,125) hsl(200,29%,38%)
#476d80 rgb(71,109,128) hsl(200,29%,39%)
#487084 rgb(72,112,132) hsl(200,29%,40%)
#4a7387 rgb(74,115,135) hsl(200,29%,41%)
#4c758a rgb(76,117,138) hsl(200,29%,42%)
#4e788d rgb(78,120,141) hsl(200,29%,43%)
#507b91 rgb(80,123,145) hsl(200,29%,44%)
#517e94 rgb(81,126,148) hsl(200,29%,45%)
#538197 rgb(83,129,151) hsl(200,29%,46%)
#55839b rgb(85,131,155) hsl(200,29%,47%)
#57869e rgb(87,134,158) hsl(200,29%,48%)
#5989a1 rgb(89,137,161) hsl(200,29%,49%)
#5b8ca4 rgb(91,140,164) hsl(200,29%,50%)
#5e8ea6 rgb(94,142,166) hsl(200,29%,51%)
#6190a8 rgb(97,144,168) hsl(200,29%,52%)
#6493aa rgb(100,147,170) hsl(200,29%,53%)
#6895ac rgb(104,149,172) hsl(200,29%,54%)
#6b97ae rgb(107,151,174) hsl(200,29%,55%)
#6e9aaf rgb(110,154,175) hsl(200,29%,56%)
#729cb1 rgb(114,156,177) hsl(200,29%,57%)
#759eb3 rgb(117,158,179) hsl(200,29%,58%)
#78a1b5 rgb(120,161,181) hsl(200,29%,59%)
#7ba3b7 rgb(123,163,183) hsl(200,29%,60%)
#7fa5b8 rgb(127,165,184) hsl(200,29%,61%)
#82a7ba rgb(130,167,186) hsl(200,29%,62%)
#85aabc rgb(133,170,188) hsl(200,29%,63%)
#89acbe rgb(137,172,190) hsl(200,29%,64%)
#8caec0 rgb(140,174,192) hsl(200,29%,65%)
#8fb1c1 rgb(143,177,193) hsl(200,29%,66%)
#92b3c3 rgb(146,179,195) hsl(200,29%,67%)
#96b5c5 rgb(150,181,197) hsl(200,29%,68%)
#99b8c7 rgb(153,184,199) hsl(200,29%,69%)
#9cbac9 rgb(156,186,201) hsl(200,29%,70%)
#a0bcca rgb(160,188,202) hsl(200,29%,71%)
#a3bfcc rgb(163,191,204) hsl(200,29%,72%)
#a6c1ce rgb(166,193,206) hsl(200,29%,73%)
#a9c3d0 rgb(169,195,208) hsl(200,29%,74%)
#adc5d2 rgb(173,197,210) hsl(200,29%,75%)
#b0c8d4 rgb(176,200,212) hsl(200,29%,76%)
#b3cad5 rgb(179,202,213) hsl(200,29%,77%)
#b7ccd7 rgb(183,204,215) hsl(200,29%,78%)
#bacfd9 rgb(186,207,217) hsl(200,29%,79%)
#bdd1db rgb(189,209,219) hsl(200,29%,80%)
#c0d3dd rgb(192,211,221) hsl(200,29%,81%)
#c4d6de rgb(196,214,222) hsl(200,29%,82%)
#c7d8e0 rgb(199,216,224) hsl(200,29%,83%)
#cadae2 rgb(202,218,226) hsl(200,29%,84%)
#cedce4 rgb(206,220,228) hsl(200,29%,85%)
#d1dfe6 rgb(209,223,230) hsl(200,29%,86%)
#d4e1e7 rgb(212,225,231) hsl(200,29%,87%)
#d8e3e9 rgb(216,227,233) hsl(200,29%,88%)
#dbe6eb rgb(219,230,235) hsl(200,29%,89%)
#dee8ed rgb(222,232,237) hsl(200,29%,90%)
#e1eaef rgb(225,234,239) hsl(200,29%,91%)
#e5edf1 rgb(229,237,241) hsl(200,29%,92%)
#e8eff2 rgb(232,239,242) hsl(200,29%,93%)
#ebf1f4 rgb(235,241,244) hsl(200,29%,94%)
#eff3f6 rgb(239,243,246) hsl(200,29%,95%)
#f2f6f8 rgb(242,246,248) hsl(200,29%,96%)
#f5f8fa rgb(245,248,250) hsl(200,29%,97%)
#f8fafb rgb(248,250,251) hsl(200,29%,98%)
#fcfdfd rgb(252,253,253) hsl(200,29%,99%)

Adjacent colors

HEX RGB HSL
#5ba38b rgb(91,163,139) hsl(160,28%,50%)
#5b8ca4 rgb(91,140,164) hsl(200,29%,50%)
#5b5ca4 rgb(91,92,164) hsl(239,29%,50%)

Monochromatic colors

HEX RGB HSL
#8fb0c1 rgb(143,176,193) hsl(200,29%,66%)
#759eb2 rgb(117,158,178) hsl(200,28%,58%)
#5b8ca4 rgb(91,140,164) hsl(200,29%,50%)
#4c7589 rgb(76,117,137) hsl(200,29%,42%)
#3d5e6f rgb(61,94,111) hsl(200,29%,34%)
#2f4a55 rgb(47,74,85) hsl(197,29%,26%)

Triad color palettes

HEX RGB HSL
#5b8ca4 rgb(91,140,164) hsl(200,29%,50%)
#a45c67 rgb(164,92,103) hsl(351,28%,50%)
#a4965b rgb(164,150,91) hsl(48,29%,50%)

Tetrad color palettes

HEX RGB HSL
#5b8ca4 rgb(91,140,164) hsl(200,29%,50%)
#a4735b rgb(164,115,91) hsl(20,29%,50%)
#5ba397 rgb(91,163,151) hsl(170,28%,50%)
#a4965b rgb(164,150,91) hsl(48,29%,50%)