Color HEX #5B84A4, RGB(91,132,164)
Color name is Horizon. The color #5b84a4 is a dark shade and slightly desaturated.
Palette
5b84a4 color palette from light to dark
| HEX |
RGB |
HSL |
| #020303 |
rgb(2,3,3) |
hsl(206,29%,1%) |
| #040507 |
rgb(4,5,7) |
hsl(206,29%,2%) |
| #05080a |
rgb(5,8,10) |
hsl(206,29%,3%) |
| #070b0d |
rgb(7,11,13) |
hsl(206,29%,4%) |
| #090d10 |
rgb(9,13,16) |
hsl(206,29%,5%) |
| #0b1014 |
rgb(11,16,20) |
hsl(206,29%,6%) |
| #0d1317 |
rgb(13,19,23) |
hsl(206,29%,7%) |
| #0e151a |
rgb(14,21,26) |
hsl(206,29%,8%) |
| #10181e |
rgb(16,24,30) |
hsl(206,29%,9%) |
| #121a21 |
rgb(18,26,33) |
hsl(206,29%,10%) |
| #141d24 |
rgb(20,29,36) |
hsl(206,29%,11%) |
| #162027 |
rgb(22,32,39) |
hsl(206,29%,12%) |
| #18222b |
rgb(24,34,43) |
hsl(206,29%,13%) |
| #19252e |
rgb(25,37,46) |
hsl(206,29%,14%) |
| #1b2831 |
rgb(27,40,49) |
hsl(206,29%,15%) |
| #1d2a35 |
rgb(29,42,53) |
hsl(206,29%,16%) |
| #1f2d38 |
rgb(31,45,56) |
hsl(206,29%,17%) |
| #21303b |
rgb(33,48,59) |
hsl(206,29%,18%) |
| #22323f |
rgb(34,50,63) |
hsl(206,29%,19%) |
| #243542 |
rgb(36,53,66) |
hsl(206,29%,20%) |
| #263845 |
rgb(38,56,69) |
hsl(206,29%,21%) |
| #283a48 |
rgb(40,58,72) |
hsl(206,29%,22%) |
| #2a3d4c |
rgb(42,61,76) |
hsl(206,29%,23%) |
| #2b404f |
rgb(43,64,79) |
hsl(206,29%,24%) |
| #2d4252 |
rgb(45,66,82) |
hsl(206,29%,25%) |
| #2f4556 |
rgb(47,69,86) |
hsl(206,29%,26%) |
| #314859 |
rgb(49,72,89) |
hsl(206,29%,27%) |
| #334a5c |
rgb(51,74,92) |
hsl(206,29%,28%) |
| #354d5f |
rgb(53,77,95) |
hsl(206,29%,29%) |
| #364f63 |
rgb(54,79,99) |
hsl(206,29%,30%) |
| #385266 |
rgb(56,82,102) |
hsl(206,29%,31%) |
| #3a5569 |
rgb(58,85,105) |
hsl(206,29%,32%) |
| #3c576d |
rgb(60,87,109) |
hsl(206,29%,33%) |
| #3e5a70 |
rgb(62,90,112) |
hsl(206,29%,34%) |
| #3f5d73 |
rgb(63,93,115) |
hsl(206,29%,35%) |
| #415f76 |
rgb(65,95,118) |
hsl(206,29%,36%) |
| #43627a |
rgb(67,98,122) |
hsl(206,29%,37%) |
| #45657d |
rgb(69,101,125) |
hsl(206,29%,38%) |
| #476780 |
rgb(71,103,128) |
hsl(206,29%,39%) |
| #486a84 |
rgb(72,106,132) |
hsl(206,29%,40%) |
| #4a6d87 |
rgb(74,109,135) |
hsl(206,29%,41%) |
| #4c6f8a |
rgb(76,111,138) |
hsl(206,29%,42%) |
| #4e728d |
rgb(78,114,141) |
hsl(206,29%,43%) |
| #507591 |
rgb(80,117,145) |
hsl(206,29%,44%) |
| #517794 |
rgb(81,119,148) |
hsl(206,29%,45%) |
| #537a97 |
rgb(83,122,151) |
hsl(206,29%,46%) |
| #557c9b |
rgb(85,124,155) |
hsl(206,29%,47%) |
| #577f9e |
rgb(87,127,158) |
hsl(206,29%,48%) |
| #5982a1 |
rgb(89,130,161) |
hsl(206,29%,49%) |
| #5b84a4 |
rgb(91,132,164) |
hsl(206,29%,50%) |
| #5e87a6 |
rgb(94,135,166) |
hsl(206,29%,51%) |
| #6189a8 |
rgb(97,137,168) |
hsl(206,29%,52%) |
| #648caa |
rgb(100,140,170) |
hsl(206,29%,53%) |
| #688eac |
rgb(104,142,172) |
hsl(206,29%,54%) |
| #6b91ae |
rgb(107,145,174) |
hsl(206,29%,55%) |
| #6e93af |
rgb(110,147,175) |
hsl(206,29%,56%) |
| #7296b1 |
rgb(114,150,177) |
hsl(206,29%,57%) |
| #7598b3 |
rgb(117,152,179) |
hsl(206,29%,58%) |
| #789ab5 |
rgb(120,154,181) |
hsl(206,29%,59%) |
| #7b9db7 |
rgb(123,157,183) |
hsl(206,29%,60%) |
| #7f9fb8 |
rgb(127,159,184) |
hsl(206,29%,61%) |
| #82a2ba |
rgb(130,162,186) |
hsl(206,29%,62%) |
| #85a4bc |
rgb(133,164,188) |
hsl(206,29%,63%) |
| #89a7be |
rgb(137,167,190) |
hsl(206,29%,64%) |
| #8ca9c0 |
rgb(140,169,192) |
hsl(206,29%,65%) |
| #8facc1 |
rgb(143,172,193) |
hsl(206,29%,66%) |
| #92aec3 |
rgb(146,174,195) |
hsl(206,29%,67%) |
| #96b1c5 |
rgb(150,177,197) |
hsl(206,29%,68%) |
| #99b3c7 |
rgb(153,179,199) |
hsl(206,29%,69%) |
| #9cb5c9 |
rgb(156,181,201) |
hsl(206,29%,70%) |
| #a0b8ca |
rgb(160,184,202) |
hsl(206,29%,71%) |
| #a3bacc |
rgb(163,186,204) |
hsl(206,29%,72%) |
| #a6bdce |
rgb(166,189,206) |
hsl(206,29%,73%) |
| #a9bfd0 |
rgb(169,191,208) |
hsl(206,29%,74%) |
| #adc2d2 |
rgb(173,194,210) |
hsl(206,29%,75%) |
| #b0c4d4 |
rgb(176,196,212) |
hsl(206,29%,76%) |
| #b3c7d5 |
rgb(179,199,213) |
hsl(206,29%,77%) |
| #b7c9d7 |
rgb(183,201,215) |
hsl(206,29%,78%) |
| #baccd9 |
rgb(186,204,217) |
hsl(206,29%,79%) |
| #bdcedb |
rgb(189,206,219) |
hsl(206,29%,80%) |
| #c0d0dd |
rgb(192,208,221) |
hsl(206,29%,81%) |
| #c4d3de |
rgb(196,211,222) |
hsl(206,29%,82%) |
| #c7d5e0 |
rgb(199,213,224) |
hsl(206,29%,83%) |
| #cad8e2 |
rgb(202,216,226) |
hsl(206,29%,84%) |
| #cedae4 |
rgb(206,218,228) |
hsl(206,29%,85%) |
| #d1dde6 |
rgb(209,221,230) |
hsl(206,29%,86%) |
| #d4dfe7 |
rgb(212,223,231) |
hsl(206,29%,87%) |
| #d8e2e9 |
rgb(216,226,233) |
hsl(206,29%,88%) |
| #dbe4eb |
rgb(219,228,235) |
hsl(206,29%,89%) |
| #dee6ed |
rgb(222,230,237) |
hsl(206,29%,90%) |
| #e1e9ef |
rgb(225,233,239) |
hsl(206,29%,91%) |
| #e5ebf1 |
rgb(229,235,241) |
hsl(206,29%,92%) |
| #e8eef2 |
rgb(232,238,242) |
hsl(206,29%,93%) |
| #ebf0f4 |
rgb(235,240,244) |
hsl(206,29%,94%) |
| #eff3f6 |
rgb(239,243,246) |
hsl(206,29%,95%) |
| #f2f5f8 |
rgb(242,245,248) |
hsl(206,29%,96%) |
| #f5f8fa |
rgb(245,248,250) |
hsl(206,29%,97%) |
| #f8fafb |
rgb(248,250,251) |
hsl(206,29%,98%) |
| #fcfdfd |
rgb(252,253,253) |
hsl(206,29%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5ba393 |
rgb(91,163,147) |
hsl(167,28%,50%) |
| #5b84a4 |
rgb(91,132,164) |
hsl(206,29%,50%) |
| #625ca4 |
rgb(98,92,164) |
hsl(245,28%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8fabc1 |
rgb(143,171,193) |
hsl(206,29%,66%) |
| #7596b2 |
rgb(117,150,178) |
hsl(208,28%,58%) |
| #5b84a4 |
rgb(91,132,164) |
hsl(206,29%,50%) |
| #4c6e89 |
rgb(76,110,137) |
hsl(207,29%,42%) |
| #3d596f |
rgb(61,89,111) |
hsl(206,29%,34%) |
| #2f4555 |
rgb(47,69,85) |
hsl(205,29%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5b84a4 |
rgb(91,132,164) |
hsl(206,29%,50%) |
| #a45c5f |
rgb(164,92,95) |
hsl(358,28%,50%) |
| #a4a15b |
rgb(164,161,91) |
hsl(58,29%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5b84a4 |
rgb(91,132,164) |
hsl(206,29%,50%) |
| #a47a5b |
rgb(164,122,91) |
hsl(25,29%,50%) |
| #5ba39f |
rgb(91,163,159) |
hsl(177,28%,50%) |
| #a4a15b |
rgb(164,161,91) |
hsl(58,29%,50%) |
