Color HEX #5D81A2, RGB(93,129,162)
Color name is Horizon. The color #5d81a2 is a dark shade and slightly desaturated.
Your selected color codes
Palette
5d81a2 color palette from light to dark
| HEX |
RGB |
HSL |
| #020303 |
rgb(2,3,3) |
hsl(209,27%,1%) |
| #040506 |
rgb(4,5,6) |
hsl(209,27%,2%) |
| #06080a |
rgb(6,8,10) |
hsl(209,27%,3%) |
| #070a0d |
rgb(7,10,13) |
hsl(209,27%,4%) |
| #090d10 |
rgb(9,13,16) |
hsl(209,27%,5%) |
| #0b0f13 |
rgb(11,15,19) |
hsl(209,27%,6%) |
| #0d1217 |
rgb(13,18,23) |
hsl(209,27%,7%) |
| #0f151a |
rgb(15,21,26) |
hsl(209,27%,8%) |
| #11171d |
rgb(17,23,29) |
hsl(209,27%,9%) |
| #131a20 |
rgb(19,26,32) |
hsl(209,27%,10%) |
| #141c24 |
rgb(20,28,36) |
hsl(209,27%,11%) |
| #161f27 |
rgb(22,31,39) |
hsl(209,27%,12%) |
| #18212a |
rgb(24,33,42) |
hsl(209,27%,13%) |
| #1a242d |
rgb(26,36,45) |
hsl(209,27%,14%) |
| #1c2731 |
rgb(28,39,49) |
hsl(209,27%,15%) |
| #1e2934 |
rgb(30,41,52) |
hsl(209,27%,16%) |
| #202c37 |
rgb(32,44,55) |
hsl(209,27%,17%) |
| #222e3a |
rgb(34,46,58) |
hsl(209,27%,18%) |
| #23313e |
rgb(35,49,62) |
hsl(209,27%,19%) |
| #253341 |
rgb(37,51,65) |
hsl(209,27%,20%) |
| #273644 |
rgb(39,54,68) |
hsl(209,27%,21%) |
| #293947 |
rgb(41,57,71) |
hsl(209,27%,22%) |
| #2b3b4a |
rgb(43,59,74) |
hsl(209,27%,23%) |
| #2d3e4e |
rgb(45,62,78) |
hsl(209,27%,24%) |
| #2f4051 |
rgb(47,64,81) |
hsl(209,27%,25%) |
| #304354 |
rgb(48,67,84) |
hsl(209,27%,26%) |
| #324557 |
rgb(50,69,87) |
hsl(209,27%,27%) |
| #34485b |
rgb(52,72,91) |
hsl(209,27%,28%) |
| #364b5e |
rgb(54,75,94) |
hsl(209,27%,29%) |
| #384d61 |
rgb(56,77,97) |
hsl(209,27%,30%) |
| #3a5064 |
rgb(58,80,100) |
hsl(209,27%,31%) |
| #3c5268 |
rgb(60,82,104) |
hsl(209,27%,32%) |
| #3d556b |
rgb(61,85,107) |
hsl(209,27%,33%) |
| #3f576e |
rgb(63,87,110) |
hsl(209,27%,34%) |
| #415a71 |
rgb(65,90,113) |
hsl(209,27%,35%) |
| #435d75 |
rgb(67,93,117) |
hsl(209,27%,36%) |
| #455f78 |
rgb(69,95,120) |
hsl(209,27%,37%) |
| #47627b |
rgb(71,98,123) |
hsl(209,27%,38%) |
| #49647e |
rgb(73,100,126) |
hsl(209,27%,39%) |
| #4a6782 |
rgb(74,103,130) |
hsl(209,27%,40%) |
| #4c6985 |
rgb(76,105,133) |
hsl(209,27%,41%) |
| #4e6c88 |
rgb(78,108,136) |
hsl(209,27%,42%) |
| #506f8b |
rgb(80,111,139) |
hsl(209,27%,43%) |
| #52718e |
rgb(82,113,142) |
hsl(209,27%,44%) |
| #547492 |
rgb(84,116,146) |
hsl(209,27%,45%) |
| #567695 |
rgb(86,118,149) |
hsl(209,27%,46%) |
| #577998 |
rgb(87,121,152) |
hsl(209,27%,47%) |
| #597c9b |
rgb(89,124,155) |
hsl(209,27%,48%) |
| #5b7e9f |
rgb(91,126,159) |
hsl(209,27%,49%) |
| #5d81a2 |
rgb(93,129,162) |
hsl(209,27%,50%) |
| #6083a4 |
rgb(96,131,164) |
hsl(209,27%,51%) |
| #6486a6 |
rgb(100,134,166) |
hsl(209,27%,52%) |
| #6788a8 |
rgb(103,136,168) |
hsl(209,27%,53%) |
| #6a8ba9 |
rgb(106,139,169) |
hsl(209,27%,54%) |
| #6d8dab |
rgb(109,141,171) |
hsl(209,27%,55%) |
| #7190ad |
rgb(113,144,173) |
hsl(209,27%,56%) |
| #7492af |
rgb(116,146,175) |
hsl(209,27%,57%) |
| #7795b1 |
rgb(119,149,177) |
hsl(209,27%,58%) |
| #7a97b3 |
rgb(122,151,179) |
hsl(209,27%,59%) |
| #7d9ab5 |
rgb(125,154,181) |
hsl(209,27%,60%) |
| #819cb6 |
rgb(129,156,182) |
hsl(209,27%,61%) |
| #849fb8 |
rgb(132,159,184) |
hsl(209,27%,62%) |
| #87a1ba |
rgb(135,161,186) |
hsl(209,27%,63%) |
| #8aa4bc |
rgb(138,164,188) |
hsl(209,27%,64%) |
| #8ea7be |
rgb(142,167,190) |
hsl(209,27%,65%) |
| #91a9c0 |
rgb(145,169,192) |
hsl(209,27%,66%) |
| #94acc2 |
rgb(148,172,194) |
hsl(209,27%,67%) |
| #97aec3 |
rgb(151,174,195) |
hsl(209,27%,68%) |
| #9bb1c5 |
rgb(155,177,197) |
hsl(209,27%,69%) |
| #9eb3c7 |
rgb(158,179,199) |
hsl(209,27%,70%) |
| #a1b6c9 |
rgb(161,182,201) |
hsl(209,27%,71%) |
| #a4b8cb |
rgb(164,184,203) |
hsl(209,27%,72%) |
| #a8bbcd |
rgb(168,187,205) |
hsl(209,27%,73%) |
| #abbdcf |
rgb(171,189,207) |
hsl(209,27%,74%) |
| #aec0d0 |
rgb(174,192,208) |
hsl(209,27%,75%) |
| #b1c2d2 |
rgb(177,194,210) |
hsl(209,27%,76%) |
| #b5c5d4 |
rgb(181,197,212) |
hsl(209,27%,77%) |
| #b8c7d6 |
rgb(184,199,214) |
hsl(209,27%,78%) |
| #bbcad8 |
rgb(187,202,216) |
hsl(209,27%,79%) |
| #beccda |
rgb(190,204,218) |
hsl(209,27%,80%) |
| #c1cfdc |
rgb(193,207,220) |
hsl(209,27%,81%) |
| #c5d2dd |
rgb(197,210,221) |
hsl(209,27%,82%) |
| #c8d4df |
rgb(200,212,223) |
hsl(209,27%,83%) |
| #cbd7e1 |
rgb(203,215,225) |
hsl(209,27%,84%) |
| #ced9e3 |
rgb(206,217,227) |
hsl(209,27%,85%) |
| #d2dce5 |
rgb(210,220,229) |
hsl(209,27%,86%) |
| #d5dee7 |
rgb(213,222,231) |
hsl(209,27%,87%) |
| #d8e1e9 |
rgb(216,225,233) |
hsl(209,27%,88%) |
| #dbe3eb |
rgb(219,227,235) |
hsl(209,27%,89%) |
| #dfe6ec |
rgb(223,230,236) |
hsl(209,27%,90%) |
| #e2e8ee |
rgb(226,232,238) |
hsl(209,27%,91%) |
| #e5ebf0 |
rgb(229,235,240) |
hsl(209,27%,92%) |
| #e8edf2 |
rgb(232,237,242) |
hsl(209,27%,93%) |
| #ecf0f4 |
rgb(236,240,244) |
hsl(209,27%,94%) |
| #eff2f6 |
rgb(239,242,246) |
hsl(209,27%,95%) |
| #f2f5f8 |
rgb(242,245,248) |
hsl(209,27%,96%) |
| #f5f7f9 |
rgb(245,247,249) |
hsl(209,27%,97%) |
| #f9fafb |
rgb(249,250,251) |
hsl(209,27%,98%) |
| #fcfcfd |
rgb(252,252,253) |
hsl(209,27%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5da395 |
rgb(93,163,149) |
hsl(168,28%,50%) |
| #5d81a2 |
rgb(93,129,162) |
hsl(209,27%,50%) |
| #675ca2 |
rgb(103,92,162) |
hsl(249,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%) |
| #5d81a2 |
rgb(93,129,162) |
hsl(209,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 |
| #5d81a2 |
rgb(93,129,162) |
hsl(209,27%,50%) |
| #a25c5e |
rgb(162,92,94) |
hsl(358,28%,50%) |
| #a2a15d |
rgb(162,161,93) |
hsl(59,27%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5d81a2 |
rgb(93,129,162) |
hsl(209,27%,50%) |
| #a27d5d |
rgb(162,125,93) |
hsl(28,27%,50%) |
| #5da3a0 |
rgb(93,163,160) |
hsl(177,28%,50%) |
| #a2a15d |
rgb(162,161,93) |
hsl(59,27%,50%) |
