Color HEX #5D80A2, RGB(93,128,162)
Color name is Horizon. The color #5d80a2 is a dark shade and slightly desaturated.
Your selected color codes
Palette
5d80a2 color palette from light to dark
| HEX |
RGB |
HSL |
| #020303 |
rgb(2,3,3) |
hsl(210,27%,1%) |
| #040506 |
rgb(4,5,6) |
hsl(210,27%,2%) |
| #06080a |
rgb(6,8,10) |
hsl(210,27%,3%) |
| #070a0d |
rgb(7,10,13) |
hsl(210,27%,4%) |
| #090d10 |
rgb(9,13,16) |
hsl(210,27%,5%) |
| #0b0f13 |
rgb(11,15,19) |
hsl(210,27%,6%) |
| #0d1217 |
rgb(13,18,23) |
hsl(210,27%,7%) |
| #0f141a |
rgb(15,20,26) |
hsl(210,27%,8%) |
| #11171d |
rgb(17,23,29) |
hsl(210,27%,9%) |
| #131a20 |
rgb(19,26,32) |
hsl(210,27%,10%) |
| #141c24 |
rgb(20,28,36) |
hsl(210,27%,11%) |
| #161f27 |
rgb(22,31,39) |
hsl(210,27%,12%) |
| #18212a |
rgb(24,33,42) |
hsl(210,27%,13%) |
| #1a242d |
rgb(26,36,45) |
hsl(210,27%,14%) |
| #1c2631 |
rgb(28,38,49) |
hsl(210,27%,15%) |
| #1e2934 |
rgb(30,41,52) |
hsl(210,27%,16%) |
| #202b37 |
rgb(32,43,55) |
hsl(210,27%,17%) |
| #222e3a |
rgb(34,46,58) |
hsl(210,27%,18%) |
| #23303e |
rgb(35,48,62) |
hsl(210,27%,19%) |
| #253341 |
rgb(37,51,65) |
hsl(210,27%,20%) |
| #273644 |
rgb(39,54,68) |
hsl(210,27%,21%) |
| #293847 |
rgb(41,56,71) |
hsl(210,27%,22%) |
| #2b3b4a |
rgb(43,59,74) |
hsl(210,27%,23%) |
| #2d3d4e |
rgb(45,61,78) |
hsl(210,27%,24%) |
| #2f4051 |
rgb(47,64,81) |
hsl(210,27%,25%) |
| #304254 |
rgb(48,66,84) |
hsl(210,27%,26%) |
| #324557 |
rgb(50,69,87) |
hsl(210,27%,27%) |
| #34475b |
rgb(52,71,91) |
hsl(210,27%,28%) |
| #364a5e |
rgb(54,74,94) |
hsl(210,27%,29%) |
| #384d61 |
rgb(56,77,97) |
hsl(210,27%,30%) |
| #3a4f64 |
rgb(58,79,100) |
hsl(210,27%,31%) |
| #3c5268 |
rgb(60,82,104) |
hsl(210,27%,32%) |
| #3d546b |
rgb(61,84,107) |
hsl(210,27%,33%) |
| #3f576e |
rgb(63,87,110) |
hsl(210,27%,34%) |
| #415971 |
rgb(65,89,113) |
hsl(210,27%,35%) |
| #435c75 |
rgb(67,92,117) |
hsl(210,27%,36%) |
| #455e78 |
rgb(69,94,120) |
hsl(210,27%,37%) |
| #47617b |
rgb(71,97,123) |
hsl(210,27%,38%) |
| #49637e |
rgb(73,99,126) |
hsl(210,27%,39%) |
| #4a6682 |
rgb(74,102,130) |
hsl(210,27%,40%) |
| #4c6985 |
rgb(76,105,133) |
hsl(210,27%,41%) |
| #4e6b88 |
rgb(78,107,136) |
hsl(210,27%,42%) |
| #506e8b |
rgb(80,110,139) |
hsl(210,27%,43%) |
| #52708e |
rgb(82,112,142) |
hsl(210,27%,44%) |
| #547392 |
rgb(84,115,146) |
hsl(210,27%,45%) |
| #567595 |
rgb(86,117,149) |
hsl(210,27%,46%) |
| #577898 |
rgb(87,120,152) |
hsl(210,27%,47%) |
| #597a9b |
rgb(89,122,155) |
hsl(210,27%,48%) |
| #5b7d9f |
rgb(91,125,159) |
hsl(210,27%,49%) |
| #5d80a2 |
rgb(93,128,162) |
hsl(210,27%,50%) |
| #6082a4 |
rgb(96,130,164) |
hsl(210,27%,51%) |
| #6485a6 |
rgb(100,133,166) |
hsl(210,27%,52%) |
| #6787a8 |
rgb(103,135,168) |
hsl(210,27%,53%) |
| #6a8aa9 |
rgb(106,138,169) |
hsl(210,27%,54%) |
| #6d8cab |
rgb(109,140,171) |
hsl(210,27%,55%) |
| #718fad |
rgb(113,143,173) |
hsl(210,27%,56%) |
| #7491af |
rgb(116,145,175) |
hsl(210,27%,57%) |
| #7794b1 |
rgb(119,148,177) |
hsl(210,27%,58%) |
| #7a96b3 |
rgb(122,150,179) |
hsl(210,27%,59%) |
| #7d99b5 |
rgb(125,153,181) |
hsl(210,27%,60%) |
| #819cb6 |
rgb(129,156,182) |
hsl(210,27%,61%) |
| #849eb8 |
rgb(132,158,184) |
hsl(210,27%,62%) |
| #87a1ba |
rgb(135,161,186) |
hsl(210,27%,63%) |
| #8aa3bc |
rgb(138,163,188) |
hsl(210,27%,64%) |
| #8ea6be |
rgb(142,166,190) |
hsl(210,27%,65%) |
| #91a8c0 |
rgb(145,168,192) |
hsl(210,27%,66%) |
| #94abc2 |
rgb(148,171,194) |
hsl(210,27%,67%) |
| #97adc3 |
rgb(151,173,195) |
hsl(210,27%,68%) |
| #9bb0c5 |
rgb(155,176,197) |
hsl(210,27%,69%) |
| #9eb3c7 |
rgb(158,179,199) |
hsl(210,27%,70%) |
| #a1b5c9 |
rgb(161,181,201) |
hsl(210,27%,71%) |
| #a4b8cb |
rgb(164,184,203) |
hsl(210,27%,72%) |
| #a8bacd |
rgb(168,186,205) |
hsl(210,27%,73%) |
| #abbdcf |
rgb(171,189,207) |
hsl(210,27%,74%) |
| #aebfd0 |
rgb(174,191,208) |
hsl(210,27%,75%) |
| #b1c2d2 |
rgb(177,194,210) |
hsl(210,27%,76%) |
| #b5c4d4 |
rgb(181,196,212) |
hsl(210,27%,77%) |
| #b8c7d6 |
rgb(184,199,214) |
hsl(210,27%,78%) |
| #bbc9d8 |
rgb(187,201,216) |
hsl(210,27%,79%) |
| #beccda |
rgb(190,204,218) |
hsl(210,27%,80%) |
| #c1cfdc |
rgb(193,207,220) |
hsl(210,27%,81%) |
| #c5d1dd |
rgb(197,209,221) |
hsl(210,27%,82%) |
| #c8d4df |
rgb(200,212,223) |
hsl(210,27%,83%) |
| #cbd6e1 |
rgb(203,214,225) |
hsl(210,27%,84%) |
| #ced9e3 |
rgb(206,217,227) |
hsl(210,27%,85%) |
| #d2dbe5 |
rgb(210,219,229) |
hsl(210,27%,86%) |
| #d5dee7 |
rgb(213,222,231) |
hsl(210,27%,87%) |
| #d8e0e9 |
rgb(216,224,233) |
hsl(210,27%,88%) |
| #dbe3eb |
rgb(219,227,235) |
hsl(210,27%,89%) |
| #dfe6ec |
rgb(223,230,236) |
hsl(210,27%,90%) |
| #e2e8ee |
rgb(226,232,238) |
hsl(210,27%,91%) |
| #e5ebf0 |
rgb(229,235,240) |
hsl(210,27%,92%) |
| #e8edf2 |
rgb(232,237,242) |
hsl(210,27%,93%) |
| #ecf0f4 |
rgb(236,240,244) |
hsl(210,27%,94%) |
| #eff2f6 |
rgb(239,242,246) |
hsl(210,27%,95%) |
| #f2f5f8 |
rgb(242,245,248) |
hsl(210,27%,96%) |
| #f5f7f9 |
rgb(245,247,249) |
hsl(210,27%,97%) |
| #f9fafb |
rgb(249,250,251) |
hsl(210,27%,98%) |
| #fcfcfd |
rgb(252,252,253) |
hsl(210,27%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5da396 |
rgb(93,163,150) |
hsl(169,28%,50%) |
| #5d80a2 |
rgb(93,128,162) |
hsl(210,27%,50%) |
| #685ca2 |
rgb(104,92,162) |
hsl(250,28%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #90a8bf |
rgb(144,168,191) |
hsl(209,27%,66%) |
| #7694b0 |
rgb(118,148,176) |
hsl(209,27%,58%) |
| #5d80a2 |
rgb(93,128,162) |
hsl(210,27%,50%) |
| #4e6b88 |
rgb(78,107,136) |
hsl(210,27%,42%) |
| #3f576e |
rgb(63,87,110) |
hsl(209,27%,34%) |
| #304254 |
rgb(48,66,84) |
hsl(210,27%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5d80a2 |
rgb(93,128,162) |
hsl(210,27%,50%) |
| #a25c5d |
rgb(162,92,93) |
hsl(359,28%,50%) |
| #a2a15d |
rgb(162,161,93) |
hsl(59,27%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5d80a2 |
rgb(93,128,162) |
hsl(210,27%,50%) |
| #a2805d |
rgb(162,128,93) |
hsl(30,27%,50%) |
| #5da3a1 |
rgb(93,163,161) |
hsl(178,28%,50%) |
| #a2a15d |
rgb(162,161,93) |
hsl(59,27%,50%) |
