Color HEX #5981A6, RGB(89,129,166)
Color name is Horizon. The color #5981a6 is a dark shade and slightly desaturated.
Your selected color codes
Palette
5981a6 color palette from light to dark
| HEX |
RGB |
HSL |
| #020303 |
rgb(2,3,3) |
hsl(209,30%,1%) |
| #040507 |
rgb(4,5,7) |
hsl(209,30%,2%) |
| #05080a |
rgb(5,8,10) |
hsl(209,30%,3%) |
| #070a0d |
rgb(7,10,13) |
hsl(209,30%,4%) |
| #090d11 |
rgb(9,13,17) |
hsl(209,30%,5%) |
| #0b0f14 |
rgb(11,15,20) |
hsl(209,30%,6%) |
| #0c1217 |
rgb(12,18,23) |
hsl(209,30%,7%) |
| #0e151b |
rgb(14,21,27) |
hsl(209,30%,8%) |
| #10171e |
rgb(16,23,30) |
hsl(209,30%,9%) |
| #121a21 |
rgb(18,26,33) |
hsl(209,30%,10%) |
| #141c24 |
rgb(20,28,36) |
hsl(209,30%,11%) |
| #151f28 |
rgb(21,31,40) |
hsl(209,30%,12%) |
| #17212b |
rgb(23,33,43) |
hsl(209,30%,13%) |
| #19242e |
rgb(25,36,46) |
hsl(209,30%,14%) |
| #1b2732 |
rgb(27,39,50) |
hsl(209,30%,15%) |
| #1d2935 |
rgb(29,41,53) |
hsl(209,30%,16%) |
| #1e2c38 |
rgb(30,44,56) |
hsl(209,30%,17%) |
| #202e3c |
rgb(32,46,60) |
hsl(209,30%,18%) |
| #22313f |
rgb(34,49,63) |
hsl(209,30%,19%) |
| #243442 |
rgb(36,52,66) |
hsl(209,30%,20%) |
| #253646 |
rgb(37,54,70) |
hsl(209,30%,21%) |
| #273949 |
rgb(39,57,73) |
hsl(209,30%,22%) |
| #293b4c |
rgb(41,59,76) |
hsl(209,30%,23%) |
| #2b3e50 |
rgb(43,62,80) |
hsl(209,30%,24%) |
| #2d4053 |
rgb(45,64,83) |
hsl(209,30%,25%) |
| #2e4356 |
rgb(46,67,86) |
hsl(209,30%,26%) |
| #30465a |
rgb(48,70,90) |
hsl(209,30%,27%) |
| #32485d |
rgb(50,72,93) |
hsl(209,30%,28%) |
| #344b60 |
rgb(52,75,96) |
hsl(209,30%,29%) |
| #364d63 |
rgb(54,77,99) |
hsl(209,30%,30%) |
| #375067 |
rgb(55,80,103) |
hsl(209,30%,31%) |
| #39526a |
rgb(57,82,106) |
hsl(209,30%,32%) |
| #3b556d |
rgb(59,85,109) |
hsl(209,30%,33%) |
| #3d5871 |
rgb(61,88,113) |
hsl(209,30%,34%) |
| #3e5a74 |
rgb(62,90,116) |
hsl(209,30%,35%) |
| #405d77 |
rgb(64,93,119) |
hsl(209,30%,36%) |
| #425f7b |
rgb(66,95,123) |
hsl(209,30%,37%) |
| #44627e |
rgb(68,98,126) |
hsl(209,30%,38%) |
| #466481 |
rgb(70,100,129) |
hsl(209,30%,39%) |
| #476785 |
rgb(71,103,133) |
hsl(209,30%,40%) |
| #496a88 |
rgb(73,106,136) |
hsl(209,30%,41%) |
| #4b6c8b |
rgb(75,108,139) |
hsl(209,30%,42%) |
| #4d6f8f |
rgb(77,111,143) |
hsl(209,30%,43%) |
| #4f7192 |
rgb(79,113,146) |
hsl(209,30%,44%) |
| #507495 |
rgb(80,116,149) |
hsl(209,30%,45%) |
| #527698 |
rgb(82,118,152) |
hsl(209,30%,46%) |
| #54799c |
rgb(84,121,156) |
hsl(209,30%,47%) |
| #567c9f |
rgb(86,124,159) |
hsl(209,30%,48%) |
| #577ea2 |
rgb(87,126,162) |
hsl(209,30%,49%) |
| #5981a6 |
rgb(89,129,166) |
hsl(209,30%,50%) |
| #5d83a8 |
rgb(93,131,168) |
hsl(209,30%,51%) |
| #6086a9 |
rgb(96,134,169) |
hsl(209,30%,52%) |
| #6388ab |
rgb(99,136,171) |
hsl(209,30%,53%) |
| #678bad |
rgb(103,139,173) |
hsl(209,30%,54%) |
| #6a8daf |
rgb(106,141,175) |
hsl(209,30%,55%) |
| #6d90b0 |
rgb(109,144,176) |
hsl(209,30%,56%) |
| #7092b2 |
rgb(112,146,178) |
hsl(209,30%,57%) |
| #7495b4 |
rgb(116,149,180) |
hsl(209,30%,58%) |
| #7797b6 |
rgb(119,151,182) |
hsl(209,30%,59%) |
| #7a9ab8 |
rgb(122,154,184) |
hsl(209,30%,60%) |
| #7e9db9 |
rgb(126,157,185) |
hsl(209,30%,61%) |
| #819fbb |
rgb(129,159,187) |
hsl(209,30%,62%) |
| #84a2bd |
rgb(132,162,189) |
hsl(209,30%,63%) |
| #88a4bf |
rgb(136,164,191) |
hsl(209,30%,64%) |
| #8ba7c1 |
rgb(139,167,193) |
hsl(209,30%,65%) |
| #8ea9c2 |
rgb(142,169,194) |
hsl(209,30%,66%) |
| #92acc4 |
rgb(146,172,196) |
hsl(209,30%,67%) |
| #95aec6 |
rgb(149,174,198) |
hsl(209,30%,68%) |
| #98b1c8 |
rgb(152,177,200) |
hsl(209,30%,69%) |
| #9cb3c9 |
rgb(156,179,201) |
hsl(209,30%,70%) |
| #9fb6cb |
rgb(159,182,203) |
hsl(209,30%,71%) |
| #a2b8cd |
rgb(162,184,205) |
hsl(209,30%,72%) |
| #a5bbcf |
rgb(165,187,207) |
hsl(209,30%,73%) |
| #a9bdd1 |
rgb(169,189,209) |
hsl(209,30%,74%) |
| #acc0d2 |
rgb(172,192,210) |
hsl(209,30%,75%) |
| #afc2d4 |
rgb(175,194,212) |
hsl(209,30%,76%) |
| #b3c5d6 |
rgb(179,197,214) |
hsl(209,30%,77%) |
| #b6c7d8 |
rgb(182,199,216) |
hsl(209,30%,78%) |
| #b9cada |
rgb(185,202,218) |
hsl(209,30%,79%) |
| #bdcddb |
rgb(189,205,219) |
hsl(209,30%,80%) |
| #c0cfdd |
rgb(192,207,221) |
hsl(209,30%,81%) |
| #c3d2df |
rgb(195,210,223) |
hsl(209,30%,82%) |
| #c7d4e1 |
rgb(199,212,225) |
hsl(209,30%,83%) |
| #cad7e2 |
rgb(202,215,226) |
hsl(209,30%,84%) |
| #cdd9e4 |
rgb(205,217,228) |
hsl(209,30%,85%) |
| #d1dce6 |
rgb(209,220,230) |
hsl(209,30%,86%) |
| #d4dee8 |
rgb(212,222,232) |
hsl(209,30%,87%) |
| #d7e1ea |
rgb(215,225,234) |
hsl(209,30%,88%) |
| #dbe3eb |
rgb(219,227,235) |
hsl(209,30%,89%) |
| #dee6ed |
rgb(222,230,237) |
hsl(209,30%,90%) |
| #e1e8ef |
rgb(225,232,239) |
hsl(209,30%,91%) |
| #e4ebf1 |
rgb(228,235,241) |
hsl(209,30%,92%) |
| #e8edf3 |
rgb(232,237,243) |
hsl(209,30%,93%) |
| #ebf0f4 |
rgb(235,240,244) |
hsl(209,30%,94%) |
| #eef2f6 |
rgb(238,242,246) |
hsl(209,30%,95%) |
| #f2f5f8 |
rgb(242,245,248) |
hsl(209,30%,96%) |
| #f5f7fa |
rgb(245,247,250) |
hsl(209,30%,97%) |
| #f8fafb |
rgb(248,250,251) |
hsl(209,30%,98%) |
| #fcfcfd |
rgb(252,252,253) |
hsl(209,30%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #59a697 |
rgb(89,166,151) |
hsl(168,30%,50%) |
| #5981a6 |
rgb(89,129,166) |
hsl(209,30%,50%) |
| #6459a6 |
rgb(100,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%) |
| #5981a6 |
rgb(89,129,166) |
hsl(209,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 |
| #5981a6 |
rgb(89,129,166) |
hsl(209,30%,50%) |
| #a6595a |
rgb(166,89,90) |
hsl(359,30%,50%) |
| #a6a659 |
rgb(166,166,89) |
hsl(60,30%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5981a6 |
rgb(89,129,166) |
hsl(209,30%,50%) |
| #a67d59 |
rgb(166,125,89) |
hsl(28,30%,50%) |
| #59a6a4 |
rgb(89,166,164) |
hsl(178,30%,50%) |
| #a6a659 |
rgb(166,166,89) |
hsl(60,30%,50%) |
