Color HEX #5986A6, RGB(89,134,166)
Color name is Horizon. The color #5986a6 is a dark shade and slightly desaturated.
Your selected color codes
Palette
5986a6 color palette from light to dark
| HEX |
RGB |
HSL |
| #020303 |
rgb(2,3,3) |
hsl(205,30%,1%) |
| #040507 |
rgb(4,5,7) |
hsl(205,30%,2%) |
| #05080a |
rgb(5,8,10) |
hsl(205,30%,3%) |
| #070b0d |
rgb(7,11,13) |
hsl(205,30%,4%) |
| #090d11 |
rgb(9,13,17) |
hsl(205,30%,5%) |
| #0b1014 |
rgb(11,16,20) |
hsl(205,30%,6%) |
| #0c1317 |
rgb(12,19,23) |
hsl(205,30%,7%) |
| #0e151b |
rgb(14,21,27) |
hsl(205,30%,8%) |
| #10181e |
rgb(16,24,30) |
hsl(205,30%,9%) |
| #121b21 |
rgb(18,27,33) |
hsl(205,30%,10%) |
| #141d24 |
rgb(20,29,36) |
hsl(205,30%,11%) |
| #152028 |
rgb(21,32,40) |
hsl(205,30%,12%) |
| #17232b |
rgb(23,35,43) |
hsl(205,30%,13%) |
| #19252e |
rgb(25,37,46) |
hsl(205,30%,14%) |
| #1b2832 |
rgb(27,40,50) |
hsl(205,30%,15%) |
| #1d2b35 |
rgb(29,43,53) |
hsl(205,30%,16%) |
| #1e2e38 |
rgb(30,46,56) |
hsl(205,30%,17%) |
| #20303c |
rgb(32,48,60) |
hsl(205,30%,18%) |
| #22333f |
rgb(34,51,63) |
hsl(205,30%,19%) |
| #243642 |
rgb(36,54,66) |
hsl(205,30%,20%) |
| #253846 |
rgb(37,56,70) |
hsl(205,30%,21%) |
| #273b49 |
rgb(39,59,73) |
hsl(205,30%,22%) |
| #293e4c |
rgb(41,62,76) |
hsl(205,30%,23%) |
| #2b4050 |
rgb(43,64,80) |
hsl(205,30%,24%) |
| #2d4353 |
rgb(45,67,83) |
hsl(205,30%,25%) |
| #2e4656 |
rgb(46,70,86) |
hsl(205,30%,26%) |
| #30485a |
rgb(48,72,90) |
hsl(205,30%,27%) |
| #324b5d |
rgb(50,75,93) |
hsl(205,30%,28%) |
| #344e60 |
rgb(52,78,96) |
hsl(205,30%,29%) |
| #365063 |
rgb(54,80,99) |
hsl(205,30%,30%) |
| #375367 |
rgb(55,83,103) |
hsl(205,30%,31%) |
| #39566a |
rgb(57,86,106) |
hsl(205,30%,32%) |
| #3b586d |
rgb(59,88,109) |
hsl(205,30%,33%) |
| #3d5b71 |
rgb(61,91,113) |
hsl(205,30%,34%) |
| #3e5e74 |
rgb(62,94,116) |
hsl(205,30%,35%) |
| #406077 |
rgb(64,96,119) |
hsl(205,30%,36%) |
| #42637b |
rgb(66,99,123) |
hsl(205,30%,37%) |
| #44667e |
rgb(68,102,126) |
hsl(205,30%,38%) |
| #466881 |
rgb(70,104,129) |
hsl(205,30%,39%) |
| #476b85 |
rgb(71,107,133) |
hsl(205,30%,40%) |
| #496e88 |
rgb(73,110,136) |
hsl(205,30%,41%) |
| #4b708b |
rgb(75,112,139) |
hsl(205,30%,42%) |
| #4d738f |
rgb(77,115,143) |
hsl(205,30%,43%) |
| #4f7692 |
rgb(79,118,146) |
hsl(205,30%,44%) |
| #507895 |
rgb(80,120,149) |
hsl(205,30%,45%) |
| #527b98 |
rgb(82,123,152) |
hsl(205,30%,46%) |
| #547e9c |
rgb(84,126,156) |
hsl(205,30%,47%) |
| #56819f |
rgb(86,129,159) |
hsl(205,30%,48%) |
| #5783a2 |
rgb(87,131,162) |
hsl(205,30%,49%) |
| #5986a6 |
rgb(89,134,166) |
hsl(205,30%,50%) |
| #5d88a8 |
rgb(93,136,168) |
hsl(205,30%,51%) |
| #608ba9 |
rgb(96,139,169) |
hsl(205,30%,52%) |
| #638dab |
rgb(99,141,171) |
hsl(205,30%,53%) |
| #6790ad |
rgb(103,144,173) |
hsl(205,30%,54%) |
| #6a92af |
rgb(106,146,175) |
hsl(205,30%,55%) |
| #6d94b0 |
rgb(109,148,176) |
hsl(205,30%,56%) |
| #7097b2 |
rgb(112,151,178) |
hsl(205,30%,57%) |
| #7499b4 |
rgb(116,153,180) |
hsl(205,30%,58%) |
| #779cb6 |
rgb(119,156,182) |
hsl(205,30%,59%) |
| #7a9eb8 |
rgb(122,158,184) |
hsl(205,30%,60%) |
| #7ea1b9 |
rgb(126,161,185) |
hsl(205,30%,61%) |
| #81a3bb |
rgb(129,163,187) |
hsl(205,30%,62%) |
| #84a5bd |
rgb(132,165,189) |
hsl(205,30%,63%) |
| #88a8bf |
rgb(136,168,191) |
hsl(205,30%,64%) |
| #8baac1 |
rgb(139,170,193) |
hsl(205,30%,65%) |
| #8eadc2 |
rgb(142,173,194) |
hsl(205,30%,66%) |
| #92afc4 |
rgb(146,175,196) |
hsl(205,30%,67%) |
| #95b1c6 |
rgb(149,177,198) |
hsl(205,30%,68%) |
| #98b4c8 |
rgb(152,180,200) |
hsl(205,30%,69%) |
| #9cb6c9 |
rgb(156,182,201) |
hsl(205,30%,70%) |
| #9fb9cb |
rgb(159,185,203) |
hsl(205,30%,71%) |
| #a2bbcd |
rgb(162,187,205) |
hsl(205,30%,72%) |
| #a5becf |
rgb(165,190,207) |
hsl(205,30%,73%) |
| #a9c0d1 |
rgb(169,192,209) |
hsl(205,30%,74%) |
| #acc2d2 |
rgb(172,194,210) |
hsl(205,30%,75%) |
| #afc5d4 |
rgb(175,197,212) |
hsl(205,30%,76%) |
| #b3c7d6 |
rgb(179,199,214) |
hsl(205,30%,77%) |
| #b6cad8 |
rgb(182,202,216) |
hsl(205,30%,78%) |
| #b9ccda |
rgb(185,204,218) |
hsl(205,30%,79%) |
| #bdcfdb |
rgb(189,207,219) |
hsl(205,30%,80%) |
| #c0d1dd |
rgb(192,209,221) |
hsl(205,30%,81%) |
| #c3d3df |
rgb(195,211,223) |
hsl(205,30%,82%) |
| #c7d6e1 |
rgb(199,214,225) |
hsl(205,30%,83%) |
| #cad8e2 |
rgb(202,216,226) |
hsl(205,30%,84%) |
| #cddbe4 |
rgb(205,219,228) |
hsl(205,30%,85%) |
| #d1dde6 |
rgb(209,221,230) |
hsl(205,30%,86%) |
| #d4e0e8 |
rgb(212,224,232) |
hsl(205,30%,87%) |
| #d7e2ea |
rgb(215,226,234) |
hsl(205,30%,88%) |
| #dbe4eb |
rgb(219,228,235) |
hsl(205,30%,89%) |
| #dee7ed |
rgb(222,231,237) |
hsl(205,30%,90%) |
| #e1e9ef |
rgb(225,233,239) |
hsl(205,30%,91%) |
| #e4ecf1 |
rgb(228,236,241) |
hsl(205,30%,92%) |
| #e8eef3 |
rgb(232,238,243) |
hsl(205,30%,93%) |
| #ebf0f4 |
rgb(235,240,244) |
hsl(205,30%,94%) |
| #eef3f6 |
rgb(238,243,246) |
hsl(205,30%,95%) |
| #f2f5f8 |
rgb(242,245,248) |
hsl(205,30%,96%) |
| #f5f8fa |
rgb(245,248,250) |
hsl(205,30%,97%) |
| #f8fafb |
rgb(248,250,251) |
hsl(205,30%,98%) |
| #fcfdfd |
rgb(252,253,253) |
hsl(205,30%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #59a692 |
rgb(89,166,146) |
hsl(164,30%,50%) |
| #5986a6 |
rgb(89,134,166) |
hsl(205,30%,50%) |
| #5f59a6 |
rgb(95,89,166) |
hsl(245,30%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8eadc2 |
rgb(142,173,194) |
hsl(204,30%,66%) |
| #7399b4 |
rgb(115,153,180) |
hsl(205,30%,58%) |
| #5986a6 |
rgb(89,134,166) |
hsl(205,30%,50%) |
| #4a708b |
rgb(74,112,139) |
hsl(205,31%,42%) |
| #3c5c70 |
rgb(60,92,112) |
hsl(203,30%,34%) |
| #2e4556 |
rgb(46,69,86) |
hsl(206,30%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5986a6 |
rgb(89,134,166) |
hsl(205,30%,50%) |
| #a6595f |
rgb(166,89,95) |
hsl(355,30%,50%) |
| #a6a159 |
rgb(166,161,89) |
hsl(56,30%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5986a6 |
rgb(89,134,166) |
hsl(205,30%,50%) |
| #a67859 |
rgb(166,120,89) |
hsl(24,30%,50%) |
| #59a69f |
rgb(89,166,159) |
hsl(175,30%,50%) |
| #a6a159 |
rgb(166,161,89) |
hsl(56,30%,50%) |
