Color HEX #5D84A2, RGB(93,132,162)
Color name is Horizon. The color #5d84a2 is a dark shade and slightly desaturated.
Your selected color codes
Palette
5d84a2 color palette from light to dark
| HEX |
RGB |
HSL |
| #020303 |
rgb(2,3,3) |
hsl(206,27%,1%) |
| #040506 |
rgb(4,5,6) |
hsl(206,27%,2%) |
| #06080a |
rgb(6,8,10) |
hsl(206,27%,3%) |
| #070b0d |
rgb(7,11,13) |
hsl(206,27%,4%) |
| #090d10 |
rgb(9,13,16) |
hsl(206,27%,5%) |
| #0b1013 |
rgb(11,16,19) |
hsl(206,27%,6%) |
| #0d1217 |
rgb(13,18,23) |
hsl(206,27%,7%) |
| #0f151a |
rgb(15,21,26) |
hsl(206,27%,8%) |
| #11181d |
rgb(17,24,29) |
hsl(206,27%,9%) |
| #131a20 |
rgb(19,26,32) |
hsl(206,27%,10%) |
| #141d24 |
rgb(20,29,36) |
hsl(206,27%,11%) |
| #162027 |
rgb(22,32,39) |
hsl(206,27%,12%) |
| #18222a |
rgb(24,34,42) |
hsl(206,27%,13%) |
| #1a252d |
rgb(26,37,45) |
hsl(206,27%,14%) |
| #1c2831 |
rgb(28,40,49) |
hsl(206,27%,15%) |
| #1e2a34 |
rgb(30,42,52) |
hsl(206,27%,16%) |
| #202d37 |
rgb(32,45,55) |
hsl(206,27%,17%) |
| #22303a |
rgb(34,48,58) |
hsl(206,27%,18%) |
| #23323e |
rgb(35,50,62) |
hsl(206,27%,19%) |
| #253541 |
rgb(37,53,65) |
hsl(206,27%,20%) |
| #273744 |
rgb(39,55,68) |
hsl(206,27%,21%) |
| #293a47 |
rgb(41,58,71) |
hsl(206,27%,22%) |
| #2b3d4a |
rgb(43,61,74) |
hsl(206,27%,23%) |
| #2d3f4e |
rgb(45,63,78) |
hsl(206,27%,24%) |
| #2f4251 |
rgb(47,66,81) |
hsl(206,27%,25%) |
| #304554 |
rgb(48,69,84) |
hsl(206,27%,26%) |
| #324757 |
rgb(50,71,87) |
hsl(206,27%,27%) |
| #344a5b |
rgb(52,74,91) |
hsl(206,27%,28%) |
| #364d5e |
rgb(54,77,94) |
hsl(206,27%,29%) |
| #384f61 |
rgb(56,79,97) |
hsl(206,27%,30%) |
| #3a5264 |
rgb(58,82,100) |
hsl(206,27%,31%) |
| #3c5568 |
rgb(60,85,104) |
hsl(206,27%,32%) |
| #3d576b |
rgb(61,87,107) |
hsl(206,27%,33%) |
| #3f5a6e |
rgb(63,90,110) |
hsl(206,27%,34%) |
| #415c71 |
rgb(65,92,113) |
hsl(206,27%,35%) |
| #435f75 |
rgb(67,95,117) |
hsl(206,27%,36%) |
| #456278 |
rgb(69,98,120) |
hsl(206,27%,37%) |
| #47647b |
rgb(71,100,123) |
hsl(206,27%,38%) |
| #49677e |
rgb(73,103,126) |
hsl(206,27%,39%) |
| #4a6a82 |
rgb(74,106,130) |
hsl(206,27%,40%) |
| #4c6c85 |
rgb(76,108,133) |
hsl(206,27%,41%) |
| #4e6f88 |
rgb(78,111,136) |
hsl(206,27%,42%) |
| #50728b |
rgb(80,114,139) |
hsl(206,27%,43%) |
| #52748e |
rgb(82,116,142) |
hsl(206,27%,44%) |
| #547792 |
rgb(84,119,146) |
hsl(206,27%,45%) |
| #567a95 |
rgb(86,122,149) |
hsl(206,27%,46%) |
| #577c98 |
rgb(87,124,152) |
hsl(206,27%,47%) |
| #597f9b |
rgb(89,127,155) |
hsl(206,27%,48%) |
| #5b819f |
rgb(91,129,159) |
hsl(206,27%,49%) |
| #5d84a2 |
rgb(93,132,162) |
hsl(206,27%,50%) |
| #6087a4 |
rgb(96,135,164) |
hsl(206,27%,51%) |
| #6489a6 |
rgb(100,137,166) |
hsl(206,27%,52%) |
| #678ba8 |
rgb(103,139,168) |
hsl(206,27%,53%) |
| #6a8ea9 |
rgb(106,142,169) |
hsl(206,27%,54%) |
| #6d90ab |
rgb(109,144,171) |
hsl(206,27%,55%) |
| #7193ad |
rgb(113,147,173) |
hsl(206,27%,56%) |
| #7495af |
rgb(116,149,175) |
hsl(206,27%,57%) |
| #7798b1 |
rgb(119,152,177) |
hsl(206,27%,58%) |
| #7a9ab3 |
rgb(122,154,179) |
hsl(206,27%,59%) |
| #7d9db5 |
rgb(125,157,181) |
hsl(206,27%,60%) |
| #819fb6 |
rgb(129,159,182) |
hsl(206,27%,61%) |
| #84a2b8 |
rgb(132,162,184) |
hsl(206,27%,62%) |
| #87a4ba |
rgb(135,164,186) |
hsl(206,27%,63%) |
| #8aa7bc |
rgb(138,167,188) |
hsl(206,27%,64%) |
| #8ea9be |
rgb(142,169,190) |
hsl(206,27%,65%) |
| #91abc0 |
rgb(145,171,192) |
hsl(206,27%,66%) |
| #94aec2 |
rgb(148,174,194) |
hsl(206,27%,67%) |
| #97b0c3 |
rgb(151,176,195) |
hsl(206,27%,68%) |
| #9bb3c5 |
rgb(155,179,197) |
hsl(206,27%,69%) |
| #9eb5c7 |
rgb(158,181,199) |
hsl(206,27%,70%) |
| #a1b8c9 |
rgb(161,184,201) |
hsl(206,27%,71%) |
| #a4bacb |
rgb(164,186,203) |
hsl(206,27%,72%) |
| #a8bdcd |
rgb(168,189,205) |
hsl(206,27%,73%) |
| #abbfcf |
rgb(171,191,207) |
hsl(206,27%,74%) |
| #aec2d0 |
rgb(174,194,208) |
hsl(206,27%,75%) |
| #b1c4d2 |
rgb(177,196,210) |
hsl(206,27%,76%) |
| #b5c6d4 |
rgb(181,198,212) |
hsl(206,27%,77%) |
| #b8c9d6 |
rgb(184,201,214) |
hsl(206,27%,78%) |
| #bbcbd8 |
rgb(187,203,216) |
hsl(206,27%,79%) |
| #beceda |
rgb(190,206,218) |
hsl(206,27%,80%) |
| #c1d0dc |
rgb(193,208,220) |
hsl(206,27%,81%) |
| #c5d3dd |
rgb(197,211,221) |
hsl(206,27%,82%) |
| #c8d5df |
rgb(200,213,223) |
hsl(206,27%,83%) |
| #cbd8e1 |
rgb(203,216,225) |
hsl(206,27%,84%) |
| #cedae3 |
rgb(206,218,227) |
hsl(206,27%,85%) |
| #d2dde5 |
rgb(210,221,229) |
hsl(206,27%,86%) |
| #d5dfe7 |
rgb(213,223,231) |
hsl(206,27%,87%) |
| #d8e2e9 |
rgb(216,226,233) |
hsl(206,27%,88%) |
| #dbe4eb |
rgb(219,228,235) |
hsl(206,27%,89%) |
| #dfe6ec |
rgb(223,230,236) |
hsl(206,27%,90%) |
| #e2e9ee |
rgb(226,233,238) |
hsl(206,27%,91%) |
| #e5ebf0 |
rgb(229,235,240) |
hsl(206,27%,92%) |
| #e8eef2 |
rgb(232,238,242) |
hsl(206,27%,93%) |
| #ecf0f4 |
rgb(236,240,244) |
hsl(206,27%,94%) |
| #eff3f6 |
rgb(239,243,246) |
hsl(206,27%,95%) |
| #f2f5f8 |
rgb(242,245,248) |
hsl(206,27%,96%) |
| #f5f8f9 |
rgb(245,248,249) |
hsl(206,27%,97%) |
| #f9fafb |
rgb(249,250,251) |
hsl(206,27%,98%) |
| #fcfdfd |
rgb(252,253,253) |
hsl(206,27%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5da392 |
rgb(93,163,146) |
hsl(165,28%,50%) |
| #5d84a2 |
rgb(93,132,162) |
hsl(206,27%,50%) |
| #645ca2 |
rgb(100,92,162) |
hsl(247,28%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #90abbf |
rgb(144,171,191) |
hsl(206,27%,66%) |
| #7696b0 |
rgb(118,150,176) |
hsl(207,27%,58%) |
| #5d84a2 |
rgb(93,132,162) |
hsl(206,27%,50%) |
| #4e6e88 |
rgb(78,110,136) |
hsl(207,27%,42%) |
| #3f596e |
rgb(63,89,110) |
hsl(207,27%,34%) |
| #304554 |
rgb(48,69,84) |
hsl(205,27%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5d84a2 |
rgb(93,132,162) |
hsl(206,27%,50%) |
| #a25c61 |
rgb(162,92,97) |
hsl(356,28%,50%) |
| #a29e5d |
rgb(162,158,93) |
hsl(57,27%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5d84a2 |
rgb(93,132,162) |
hsl(206,27%,50%) |
| #a27a5d |
rgb(162,122,93) |
hsl(25,27%,50%) |
| #5da39d |
rgb(93,163,157) |
hsl(175,28%,50%) |
| #a29e5d |
rgb(162,158,93) |
hsl(57,27%,50%) |
