Color HEX #5980A7, RGB(89,128,167)

Color name is Horizon. The color #5980a7 is a dark shade and slightly desaturated.

#5980a7
Fortune cookie with button

Color codes

copy icon
copy icon
copy icon

Palette

5980a7 color palette from light to dark

HEX RGB HSL
#020303 rgb(2,3,3) hsl(210,31%,1%)
#040507 rgb(4,5,7) hsl(210,31%,2%)
#05080a rgb(5,8,10) hsl(210,31%,3%)
#070a0d rgb(7,10,13) hsl(210,31%,4%)
#090d11 rgb(9,13,17) hsl(210,31%,5%)
#0b0f14 rgb(11,15,20) hsl(210,31%,6%)
#0c1217 rgb(12,18,23) hsl(210,31%,7%)
#0e141b rgb(14,20,27) hsl(210,31%,8%)
#10171e rgb(16,23,30) hsl(210,31%,9%)
#121a21 rgb(18,26,33) hsl(210,31%,10%)
#131c25 rgb(19,28,37) hsl(210,31%,11%)
#151f28 rgb(21,31,40) hsl(210,31%,12%)
#17212b rgb(23,33,43) hsl(210,31%,13%)
#19242f rgb(25,36,47) hsl(210,31%,14%)
#1a2632 rgb(26,38,50) hsl(210,31%,15%)
#1c2935 rgb(28,41,53) hsl(210,31%,16%)
#1e2b39 rgb(30,43,57) hsl(210,31%,17%)
#202e3c rgb(32,46,60) hsl(210,31%,18%)
#21303f rgb(33,48,63) hsl(210,31%,19%)
#233343 rgb(35,51,67) hsl(210,31%,20%)
#253646 rgb(37,54,70) hsl(210,31%,21%)
#273849 rgb(39,56,73) hsl(210,31%,22%)
#283b4d rgb(40,59,77) hsl(210,31%,23%)
#2a3d50 rgb(42,61,80) hsl(210,31%,24%)
#2c4054 rgb(44,64,84) hsl(210,31%,25%)
#2e4257 rgb(46,66,87) hsl(210,31%,26%)
#30455a rgb(48,69,90) hsl(210,31%,27%)
#31475e rgb(49,71,94) hsl(210,31%,28%)
#334a61 rgb(51,74,97) hsl(210,31%,29%)
#354d64 rgb(53,77,100) hsl(210,31%,30%)
#374f68 rgb(55,79,104) hsl(210,31%,31%)
#38526b rgb(56,82,107) hsl(210,31%,32%)
#3a546e rgb(58,84,110) hsl(210,31%,33%)
#3c5772 rgb(60,87,114) hsl(210,31%,34%)
#3e5975 rgb(62,89,117) hsl(210,31%,35%)
#3f5c78 rgb(63,92,120) hsl(210,31%,36%)
#415e7c rgb(65,94,124) hsl(210,31%,37%)
#43617f rgb(67,97,127) hsl(210,31%,38%)
#456382 rgb(69,99,130) hsl(210,31%,39%)
#466686 rgb(70,102,134) hsl(210,31%,40%)
#486989 rgb(72,105,137) hsl(210,31%,41%)
#4a6b8c rgb(74,107,140) hsl(210,31%,42%)
#4c6e90 rgb(76,110,144) hsl(210,31%,43%)
#4d7093 rgb(77,112,147) hsl(210,31%,44%)
#4f7396 rgb(79,115,150) hsl(210,31%,45%)
#51759a rgb(81,117,154) hsl(210,31%,46%)
#53789d rgb(83,120,157) hsl(210,31%,47%)
#547aa0 rgb(84,122,160) hsl(210,31%,48%)
#567da4 rgb(86,125,164) hsl(210,31%,49%)
#5880a7 rgb(88,128,167) hsl(210,31%,50%)
#5b82a9 rgb(91,130,169) hsl(210,31%,51%)
#5f85ab rgb(95,133,171) hsl(210,31%,52%)
#6287ac rgb(98,135,172) hsl(210,31%,53%)
#658aae rgb(101,138,174) hsl(210,31%,54%)
#698cb0 rgb(105,140,176) hsl(210,31%,55%)
#6c8fb2 rgb(108,143,178) hsl(210,31%,56%)
#6f91b3 rgb(111,145,179) hsl(210,31%,57%)
#7394b5 rgb(115,148,181) hsl(210,31%,58%)
#7696b7 rgb(118,150,183) hsl(210,31%,59%)
#7999b9 rgb(121,153,185) hsl(210,31%,60%)
#7d9cba rgb(125,156,186) hsl(210,31%,61%)
#809ebc rgb(128,158,188) hsl(210,31%,62%)
#83a1be rgb(131,161,190) hsl(210,31%,63%)
#87a3c0 rgb(135,163,192) hsl(210,31%,64%)
#8aa6c1 rgb(138,166,193) hsl(210,31%,65%)
#8da8c3 rgb(141,168,195) hsl(210,31%,66%)
#91abc5 rgb(145,171,197) hsl(210,31%,67%)
#94adc7 rgb(148,173,199) hsl(210,31%,68%)
#97b0c8 rgb(151,176,200) hsl(210,31%,69%)
#9bb3ca rgb(155,179,202) hsl(210,31%,70%)
#9eb5cc rgb(158,181,204) hsl(210,31%,71%)
#a1b8ce rgb(161,184,206) hsl(210,31%,72%)
#a5bacf rgb(165,186,207) hsl(210,31%,73%)
#a8bdd1 rgb(168,189,209) hsl(210,31%,74%)
#abbfd3 rgb(171,191,211) hsl(210,31%,75%)
#afc2d5 rgb(175,194,213) hsl(210,31%,76%)
#b2c4d7 rgb(178,196,215) hsl(210,31%,77%)
#b6c7d8 rgb(182,199,216) hsl(210,31%,78%)
#b9c9da rgb(185,201,218) hsl(210,31%,79%)
#bcccdc rgb(188,204,220) hsl(210,31%,80%)
#c0cfde rgb(192,207,222) hsl(210,31%,81%)
#c3d1df rgb(195,209,223) hsl(210,31%,82%)
#c6d4e1 rgb(198,212,225) hsl(210,31%,83%)
#cad6e3 rgb(202,214,227) hsl(210,31%,84%)
#cdd9e5 rgb(205,217,229) hsl(210,31%,85%)
#d0dbe6 rgb(208,219,230) hsl(210,31%,86%)
#d4dee8 rgb(212,222,232) hsl(210,31%,87%)
#d7e0ea rgb(215,224,234) hsl(210,31%,88%)
#dae3ec rgb(218,227,236) hsl(210,31%,89%)
#dee6ed rgb(222,230,237) hsl(210,31%,90%)
#e1e8ef rgb(225,232,239) hsl(210,31%,91%)
#e4ebf1 rgb(228,235,241) hsl(210,31%,92%)
#e8edf3 rgb(232,237,243) hsl(210,31%,93%)
#ebf0f4 rgb(235,240,244) hsl(210,31%,94%)
#eef2f6 rgb(238,242,246) hsl(210,31%,95%)
#f2f5f8 rgb(242,245,248) hsl(210,31%,96%)
#f5f7fa rgb(245,247,250) hsl(210,31%,97%)
#f8fafb rgb(248,250,251) hsl(210,31%,98%)
#fcfcfd rgb(252,252,253) hsl(210,31%,99%)

Adjacent colors

HEX RGB HSL
#59a69a rgb(89,166,154) hsl(171,30%,50%)
#5980a7 rgb(89,128,167) hsl(210,31%,50%)
#6659a7 rgb(102,89,167) hsl(250,31%,50%)

Monochromatic colors

HEX RGB HSL
#8ea8c3 rgb(142,168,195) hsl(211,31%,66%)
#7394b5 rgb(115,148,181) hsl(210,31%,58%)
#5980a7 rgb(89,128,167) hsl(210,31%,50%)
#4a6b8c rgb(74,107,140) hsl(210,31%,42%)
#3c5771 rgb(60,87,113) hsl(209,31%,34%)
#2e4257 rgb(46,66,87) hsl(211,31%,26%)

Triad color palettes

HEX RGB HSL
#5980a7 rgb(89,128,167) hsl(210,31%,50%)
#a75959 rgb(167,89,89) hsl(360,31%,50%)
#a7a659 rgb(167,166,89) hsl(59,31%,50%)

Tetrad color palettes

HEX RGB HSL
#5980a7 rgb(89,128,167) hsl(210,31%,50%)
#a78059 rgb(167,128,89) hsl(30,31%,50%)
#59a6a7 rgb(89,166,167) hsl(181,31%,50%)
#a7a659 rgb(167,166,89) hsl(59,31%,50%)