Color HEX #5D86A2, RGB(93,134,162)
Color name is Horizon. The color #5d86a2 is a dark shade and slightly desaturated.
Your selected color codes
Palette
5d86a2 color palette from light to dark
| HEX |
RGB |
HSL |
| #020303 |
rgb(2,3,3) |
hsl(204,27%,1%) |
| #040506 |
rgb(4,5,6) |
hsl(204,27%,2%) |
| #06080a |
rgb(6,8,10) |
hsl(204,27%,3%) |
| #070b0d |
rgb(7,11,13) |
hsl(204,27%,4%) |
| #090d10 |
rgb(9,13,16) |
hsl(204,27%,5%) |
| #0b1013 |
rgb(11,16,19) |
hsl(204,27%,6%) |
| #0d1317 |
rgb(13,19,23) |
hsl(204,27%,7%) |
| #0f161a |
rgb(15,22,26) |
hsl(204,27%,8%) |
| #11181d |
rgb(17,24,29) |
hsl(204,27%,9%) |
| #131b20 |
rgb(19,27,32) |
hsl(204,27%,10%) |
| #141e24 |
rgb(20,30,36) |
hsl(204,27%,11%) |
| #162027 |
rgb(22,32,39) |
hsl(204,27%,12%) |
| #18232a |
rgb(24,35,42) |
hsl(204,27%,13%) |
| #1a262d |
rgb(26,38,45) |
hsl(204,27%,14%) |
| #1c2831 |
rgb(28,40,49) |
hsl(204,27%,15%) |
| #1e2b34 |
rgb(30,43,52) |
hsl(204,27%,16%) |
| #202e37 |
rgb(32,46,55) |
hsl(204,27%,17%) |
| #22303a |
rgb(34,48,58) |
hsl(204,27%,18%) |
| #23333e |
rgb(35,51,62) |
hsl(204,27%,19%) |
| #253641 |
rgb(37,54,65) |
hsl(204,27%,20%) |
| #273844 |
rgb(39,56,68) |
hsl(204,27%,21%) |
| #293b47 |
rgb(41,59,71) |
hsl(204,27%,22%) |
| #2b3e4a |
rgb(43,62,74) |
hsl(204,27%,23%) |
| #2d414e |
rgb(45,65,78) |
hsl(204,27%,24%) |
| #2f4351 |
rgb(47,67,81) |
hsl(204,27%,25%) |
| #304654 |
rgb(48,70,84) |
hsl(204,27%,26%) |
| #324957 |
rgb(50,73,87) |
hsl(204,27%,27%) |
| #344b5b |
rgb(52,75,91) |
hsl(204,27%,28%) |
| #364e5e |
rgb(54,78,94) |
hsl(204,27%,29%) |
| #385161 |
rgb(56,81,97) |
hsl(204,27%,30%) |
| #3a5364 |
rgb(58,83,100) |
hsl(204,27%,31%) |
| #3c5668 |
rgb(60,86,104) |
hsl(204,27%,32%) |
| #3d596b |
rgb(61,89,107) |
hsl(204,27%,33%) |
| #3f5b6e |
rgb(63,91,110) |
hsl(204,27%,34%) |
| #415e71 |
rgb(65,94,113) |
hsl(204,27%,35%) |
| #436175 |
rgb(67,97,117) |
hsl(204,27%,36%) |
| #456378 |
rgb(69,99,120) |
hsl(204,27%,37%) |
| #47667b |
rgb(71,102,123) |
hsl(204,27%,38%) |
| #49697e |
rgb(73,105,126) |
hsl(204,27%,39%) |
| #4a6c82 |
rgb(74,108,130) |
hsl(204,27%,40%) |
| #4c6e85 |
rgb(76,110,133) |
hsl(204,27%,41%) |
| #4e7188 |
rgb(78,113,136) |
hsl(204,27%,42%) |
| #50748b |
rgb(80,116,139) |
hsl(204,27%,43%) |
| #52768e |
rgb(82,118,142) |
hsl(204,27%,44%) |
| #547992 |
rgb(84,121,146) |
hsl(204,27%,45%) |
| #567c95 |
rgb(86,124,149) |
hsl(204,27%,46%) |
| #577e98 |
rgb(87,126,152) |
hsl(204,27%,47%) |
| #59819b |
rgb(89,129,155) |
hsl(204,27%,48%) |
| #5b849f |
rgb(91,132,159) |
hsl(204,27%,49%) |
| #5d86a2 |
rgb(93,134,162) |
hsl(204,27%,50%) |
| #6089a4 |
rgb(96,137,164) |
hsl(204,27%,51%) |
| #648ba6 |
rgb(100,139,166) |
hsl(204,27%,52%) |
| #678ea8 |
rgb(103,142,168) |
hsl(204,27%,53%) |
| #6a90a9 |
rgb(106,144,169) |
hsl(204,27%,54%) |
| #6d92ab |
rgb(109,146,171) |
hsl(204,27%,55%) |
| #7195ad |
rgb(113,149,173) |
hsl(204,27%,56%) |
| #7497af |
rgb(116,151,175) |
hsl(204,27%,57%) |
| #779ab1 |
rgb(119,154,177) |
hsl(204,27%,58%) |
| #7a9cb3 |
rgb(122,156,179) |
hsl(204,27%,59%) |
| #7d9fb5 |
rgb(125,159,181) |
hsl(204,27%,60%) |
| #81a1b6 |
rgb(129,161,182) |
hsl(204,27%,61%) |
| #84a3b8 |
rgb(132,163,184) |
hsl(204,27%,62%) |
| #87a6ba |
rgb(135,166,186) |
hsl(204,27%,63%) |
| #8aa8bc |
rgb(138,168,188) |
hsl(204,27%,64%) |
| #8eabbe |
rgb(142,171,190) |
hsl(204,27%,65%) |
| #91adc0 |
rgb(145,173,192) |
hsl(204,27%,66%) |
| #94afc2 |
rgb(148,175,194) |
hsl(204,27%,67%) |
| #97b2c3 |
rgb(151,178,195) |
hsl(204,27%,68%) |
| #9bb4c5 |
rgb(155,180,197) |
hsl(204,27%,69%) |
| #9eb7c7 |
rgb(158,183,199) |
hsl(204,27%,70%) |
| #a1b9c9 |
rgb(161,185,201) |
hsl(204,27%,71%) |
| #a4bbcb |
rgb(164,187,203) |
hsl(204,27%,72%) |
| #a8becd |
rgb(168,190,205) |
hsl(204,27%,73%) |
| #abc0cf |
rgb(171,192,207) |
hsl(204,27%,74%) |
| #aec3d0 |
rgb(174,195,208) |
hsl(204,27%,75%) |
| #b1c5d2 |
rgb(177,197,210) |
hsl(204,27%,76%) |
| #b5c8d4 |
rgb(181,200,212) |
hsl(204,27%,77%) |
| #b8cad6 |
rgb(184,202,214) |
hsl(204,27%,78%) |
| #bbccd8 |
rgb(187,204,216) |
hsl(204,27%,79%) |
| #becfda |
rgb(190,207,218) |
hsl(204,27%,80%) |
| #c1d1dc |
rgb(193,209,220) |
hsl(204,27%,81%) |
| #c5d4dd |
rgb(197,212,221) |
hsl(204,27%,82%) |
| #c8d6df |
rgb(200,214,223) |
hsl(204,27%,83%) |
| #cbd8e1 |
rgb(203,216,225) |
hsl(204,27%,84%) |
| #cedbe3 |
rgb(206,219,227) |
hsl(204,27%,85%) |
| #d2dde5 |
rgb(210,221,229) |
hsl(204,27%,86%) |
| #d5e0e7 |
rgb(213,224,231) |
hsl(204,27%,87%) |
| #d8e2e9 |
rgb(216,226,233) |
hsl(204,27%,88%) |
| #dbe4eb |
rgb(219,228,235) |
hsl(204,27%,89%) |
| #dfe7ec |
rgb(223,231,236) |
hsl(204,27%,90%) |
| #e2e9ee |
rgb(226,233,238) |
hsl(204,27%,91%) |
| #e5ecf0 |
rgb(229,236,240) |
hsl(204,27%,92%) |
| #e8eef2 |
rgb(232,238,242) |
hsl(204,27%,93%) |
| #ecf1f4 |
rgb(236,241,244) |
hsl(204,27%,94%) |
| #eff3f6 |
rgb(239,243,246) |
hsl(204,27%,95%) |
| #f2f5f8 |
rgb(242,245,248) |
hsl(204,27%,96%) |
| #f5f8f9 |
rgb(245,248,249) |
hsl(204,27%,97%) |
| #f9fafb |
rgb(249,250,251) |
hsl(204,27%,98%) |
| #fcfdfd |
rgb(252,253,253) |
hsl(204,27%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5da390 |
rgb(93,163,144) |
hsl(164,28%,50%) |
| #5d86a2 |
rgb(93,134,162) |
hsl(204,27%,50%) |
| #625ca2 |
rgb(98,92,162) |
hsl(245,28%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #90adbf |
rgb(144,173,191) |
hsl(203,27%,66%) |
| #7699b0 |
rgb(118,153,176) |
hsl(204,27%,58%) |
| #5d86a2 |
rgb(93,134,162) |
hsl(204,27%,50%) |
| #4e7088 |
rgb(78,112,136) |
hsl(205,27%,42%) |
| #3f5c6e |
rgb(63,92,110) |
hsl(203,27%,34%) |
| #304554 |
rgb(48,69,84) |
hsl(205,27%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5d86a2 |
rgb(93,134,162) |
hsl(204,27%,50%) |
| #a25c63 |
rgb(162,92,99) |
hsl(354,28%,50%) |
| #a29c5d |
rgb(162,156,93) |
hsl(55,27%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5d86a2 |
rgb(93,134,162) |
hsl(204,27%,50%) |
| #a2785d |
rgb(162,120,93) |
hsl(23,27%,50%) |
| #5da39b |
rgb(93,163,155) |
hsl(173,28%,50%) |
| #a29c5d |
rgb(162,156,93) |
hsl(55,27%,50%) |
