Color HEX #5980A6, RGB(89,128,166)
Color name is Horizon. The color #5980a6 is a dark shade and slightly desaturated.
Your selected color codes
Palette
5980a6 color palette from light to dark
| HEX |
RGB |
HSL |
| #020303 |
rgb(2,3,3) |
hsl(210,30%,1%) |
| #040507 |
rgb(4,5,7) |
hsl(210,30%,2%) |
| #05080a |
rgb(5,8,10) |
hsl(210,30%,3%) |
| #070a0d |
rgb(7,10,13) |
hsl(210,30%,4%) |
| #090d11 |
rgb(9,13,17) |
hsl(210,30%,5%) |
| #0b0f14 |
rgb(11,15,20) |
hsl(210,30%,6%) |
| #0c1217 |
rgb(12,18,23) |
hsl(210,30%,7%) |
| #0e141b |
rgb(14,20,27) |
hsl(210,30%,8%) |
| #10171e |
rgb(16,23,30) |
hsl(210,30%,9%) |
| #121a21 |
rgb(18,26,33) |
hsl(210,30%,10%) |
| #141c24 |
rgb(20,28,36) |
hsl(210,30%,11%) |
| #151f28 |
rgb(21,31,40) |
hsl(210,30%,12%) |
| #17212b |
rgb(23,33,43) |
hsl(210,30%,13%) |
| #19242e |
rgb(25,36,46) |
hsl(210,30%,14%) |
| #1b2632 |
rgb(27,38,50) |
hsl(210,30%,15%) |
| #1d2935 |
rgb(29,41,53) |
hsl(210,30%,16%) |
| #1e2b38 |
rgb(30,43,56) |
hsl(210,30%,17%) |
| #202e3c |
rgb(32,46,60) |
hsl(210,30%,18%) |
| #22303f |
rgb(34,48,63) |
hsl(210,30%,19%) |
| #243342 |
rgb(36,51,66) |
hsl(210,30%,20%) |
| #253646 |
rgb(37,54,70) |
hsl(210,30%,21%) |
| #273849 |
rgb(39,56,73) |
hsl(210,30%,22%) |
| #293b4c |
rgb(41,59,76) |
hsl(210,30%,23%) |
| #2b3d50 |
rgb(43,61,80) |
hsl(210,30%,24%) |
| #2d4053 |
rgb(45,64,83) |
hsl(210,30%,25%) |
| #2e4256 |
rgb(46,66,86) |
hsl(210,30%,26%) |
| #30455a |
rgb(48,69,90) |
hsl(210,30%,27%) |
| #32475d |
rgb(50,71,93) |
hsl(210,30%,28%) |
| #344a60 |
rgb(52,74,96) |
hsl(210,30%,29%) |
| #364d63 |
rgb(54,77,99) |
hsl(210,30%,30%) |
| #374f67 |
rgb(55,79,103) |
hsl(210,30%,31%) |
| #39526a |
rgb(57,82,106) |
hsl(210,30%,32%) |
| #3b546d |
rgb(59,84,109) |
hsl(210,30%,33%) |
| #3d5771 |
rgb(61,87,113) |
hsl(210,30%,34%) |
| #3e5974 |
rgb(62,89,116) |
hsl(210,30%,35%) |
| #405c77 |
rgb(64,92,119) |
hsl(210,30%,36%) |
| #425e7b |
rgb(66,94,123) |
hsl(210,30%,37%) |
| #44617e |
rgb(68,97,126) |
hsl(210,30%,38%) |
| #466381 |
rgb(70,99,129) |
hsl(210,30%,39%) |
| #476685 |
rgb(71,102,133) |
hsl(210,30%,40%) |
| #496988 |
rgb(73,105,136) |
hsl(210,30%,41%) |
| #4b6b8b |
rgb(75,107,139) |
hsl(210,30%,42%) |
| #4d6e8f |
rgb(77,110,143) |
hsl(210,30%,43%) |
| #4f7092 |
rgb(79,112,146) |
hsl(210,30%,44%) |
| #507395 |
rgb(80,115,149) |
hsl(210,30%,45%) |
| #527598 |
rgb(82,117,152) |
hsl(210,30%,46%) |
| #54789c |
rgb(84,120,156) |
hsl(210,30%,47%) |
| #567a9f |
rgb(86,122,159) |
hsl(210,30%,48%) |
| #577da2 |
rgb(87,125,162) |
hsl(210,30%,49%) |
| #5980a6 |
rgb(89,128,166) |
hsl(210,30%,50%) |
| #5d82a8 |
rgb(93,130,168) |
hsl(210,30%,51%) |
| #6085a9 |
rgb(96,133,169) |
hsl(210,30%,52%) |
| #6387ab |
rgb(99,135,171) |
hsl(210,30%,53%) |
| #678aad |
rgb(103,138,173) |
hsl(210,30%,54%) |
| #6a8caf |
rgb(106,140,175) |
hsl(210,30%,55%) |
| #6d8fb0 |
rgb(109,143,176) |
hsl(210,30%,56%) |
| #7091b2 |
rgb(112,145,178) |
hsl(210,30%,57%) |
| #7494b4 |
rgb(116,148,180) |
hsl(210,30%,58%) |
| #7796b6 |
rgb(119,150,182) |
hsl(210,30%,59%) |
| #7a99b8 |
rgb(122,153,184) |
hsl(210,30%,60%) |
| #7e9cb9 |
rgb(126,156,185) |
hsl(210,30%,61%) |
| #819ebb |
rgb(129,158,187) |
hsl(210,30%,62%) |
| #84a1bd |
rgb(132,161,189) |
hsl(210,30%,63%) |
| #88a3bf |
rgb(136,163,191) |
hsl(210,30%,64%) |
| #8ba6c1 |
rgb(139,166,193) |
hsl(210,30%,65%) |
| #8ea8c2 |
rgb(142,168,194) |
hsl(210,30%,66%) |
| #92abc4 |
rgb(146,171,196) |
hsl(210,30%,67%) |
| #95adc6 |
rgb(149,173,198) |
hsl(210,30%,68%) |
| #98b0c8 |
rgb(152,176,200) |
hsl(210,30%,69%) |
| #9cb3c9 |
rgb(156,179,201) |
hsl(210,30%,70%) |
| #9fb5cb |
rgb(159,181,203) |
hsl(210,30%,71%) |
| #a2b8cd |
rgb(162,184,205) |
hsl(210,30%,72%) |
| #a5bacf |
rgb(165,186,207) |
hsl(210,30%,73%) |
| #a9bdd1 |
rgb(169,189,209) |
hsl(210,30%,74%) |
| #acbfd2 |
rgb(172,191,210) |
hsl(210,30%,75%) |
| #afc2d4 |
rgb(175,194,212) |
hsl(210,30%,76%) |
| #b3c4d6 |
rgb(179,196,214) |
hsl(210,30%,77%) |
| #b6c7d8 |
rgb(182,199,216) |
hsl(210,30%,78%) |
| #b9c9da |
rgb(185,201,218) |
hsl(210,30%,79%) |
| #bdccdb |
rgb(189,204,219) |
hsl(210,30%,80%) |
| #c0cfdd |
rgb(192,207,221) |
hsl(210,30%,81%) |
| #c3d1df |
rgb(195,209,223) |
hsl(210,30%,82%) |
| #c7d4e1 |
rgb(199,212,225) |
hsl(210,30%,83%) |
| #cad6e2 |
rgb(202,214,226) |
hsl(210,30%,84%) |
| #cdd9e4 |
rgb(205,217,228) |
hsl(210,30%,85%) |
| #d1dbe6 |
rgb(209,219,230) |
hsl(210,30%,86%) |
| #d4dee8 |
rgb(212,222,232) |
hsl(210,30%,87%) |
| #d7e0ea |
rgb(215,224,234) |
hsl(210,30%,88%) |
| #dbe3eb |
rgb(219,227,235) |
hsl(210,30%,89%) |
| #dee6ed |
rgb(222,230,237) |
hsl(210,30%,90%) |
| #e1e8ef |
rgb(225,232,239) |
hsl(210,30%,91%) |
| #e4ebf1 |
rgb(228,235,241) |
hsl(210,30%,92%) |
| #e8edf3 |
rgb(232,237,243) |
hsl(210,30%,93%) |
| #ebf0f4 |
rgb(235,240,244) |
hsl(210,30%,94%) |
| #eef2f6 |
rgb(238,242,246) |
hsl(210,30%,95%) |
| #f2f5f8 |
rgb(242,245,248) |
hsl(210,30%,96%) |
| #f5f7fa |
rgb(245,247,250) |
hsl(210,30%,97%) |
| #f8fafb |
rgb(248,250,251) |
hsl(210,30%,98%) |
| #fcfcfd |
rgb(252,252,253) |
hsl(210,30%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #59a698 |
rgb(89,166,152) |
hsl(169,30%,50%) |
| #5980a6 |
rgb(89,128,166) |
hsl(210,30%,50%) |
| #6559a6 |
rgb(101,89,166) |
hsl(249,30%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8ea8c2 |
rgb(142,168,194) |
hsl(210,30%,66%) |
| #7394b4 |
rgb(115,148,180) |
hsl(210,30%,58%) |
| #5980a6 |
rgb(89,128,166) |
hsl(210,30%,50%) |
| #4a6b8b |
rgb(74,107,139) |
hsl(210,31%,42%) |
| #3c5770 |
rgb(60,87,112) |
hsl(209,30%,34%) |
| #2e4256 |
rgb(46,66,86) |
hsl(210,30%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5980a6 |
rgb(89,128,166) |
hsl(210,30%,50%) |
| #a65959 |
rgb(166,89,89) |
hsl(360,30%,50%) |
| #a6a659 |
rgb(166,166,89) |
hsl(60,30%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5980a6 |
rgb(89,128,166) |
hsl(210,30%,50%) |
| #a68059 |
rgb(166,128,89) |
hsl(30,30%,50%) |
| #59a6a5 |
rgb(89,166,165) |
hsl(179,30%,50%) |
| #a6a659 |
rgb(166,166,89) |
hsl(60,30%,50%) |
