Color HEX #5B87A4, RGB(91,135,164)
Color name is Horizon. The color #5b87a4 is a dark shade and slightly desaturated.
Your selected color codes
Palette
5b87a4 color palette from light to dark
| HEX |
RGB |
HSL |
| #020303 |
rgb(2,3,3) |
hsl(204,29%,1%) |
| #040507 |
rgb(4,5,7) |
hsl(204,29%,2%) |
| #05080a |
rgb(5,8,10) |
hsl(204,29%,3%) |
| #070b0d |
rgb(7,11,13) |
hsl(204,29%,4%) |
| #090d10 |
rgb(9,13,16) |
hsl(204,29%,5%) |
| #0b1014 |
rgb(11,16,20) |
hsl(204,29%,6%) |
| #0d1317 |
rgb(13,19,23) |
hsl(204,29%,7%) |
| #0e161a |
rgb(14,22,26) |
hsl(204,29%,8%) |
| #10181e |
rgb(16,24,30) |
hsl(204,29%,9%) |
| #121b21 |
rgb(18,27,33) |
hsl(204,29%,10%) |
| #141e24 |
rgb(20,30,36) |
hsl(204,29%,11%) |
| #162027 |
rgb(22,32,39) |
hsl(204,29%,12%) |
| #18232b |
rgb(24,35,43) |
hsl(204,29%,13%) |
| #19262e |
rgb(25,38,46) |
hsl(204,29%,14%) |
| #1b2831 |
rgb(27,40,49) |
hsl(204,29%,15%) |
| #1d2b35 |
rgb(29,43,53) |
hsl(204,29%,16%) |
| #1f2e38 |
rgb(31,46,56) |
hsl(204,29%,17%) |
| #21313b |
rgb(33,49,59) |
hsl(204,29%,18%) |
| #22333f |
rgb(34,51,63) |
hsl(204,29%,19%) |
| #243642 |
rgb(36,54,66) |
hsl(204,29%,20%) |
| #263945 |
rgb(38,57,69) |
hsl(204,29%,21%) |
| #283b48 |
rgb(40,59,72) |
hsl(204,29%,22%) |
| #2a3e4c |
rgb(42,62,76) |
hsl(204,29%,23%) |
| #2b414f |
rgb(43,65,79) |
hsl(204,29%,24%) |
| #2d4352 |
rgb(45,67,82) |
hsl(204,29%,25%) |
| #2f4656 |
rgb(47,70,86) |
hsl(204,29%,26%) |
| #314959 |
rgb(49,73,89) |
hsl(204,29%,27%) |
| #334c5c |
rgb(51,76,92) |
hsl(204,29%,28%) |
| #354e5f |
rgb(53,78,95) |
hsl(204,29%,29%) |
| #365163 |
rgb(54,81,99) |
hsl(204,29%,30%) |
| #385466 |
rgb(56,84,102) |
hsl(204,29%,31%) |
| #3a5669 |
rgb(58,86,105) |
hsl(204,29%,32%) |
| #3c596d |
rgb(60,89,109) |
hsl(204,29%,33%) |
| #3e5c70 |
rgb(62,92,112) |
hsl(204,29%,34%) |
| #3f5e73 |
rgb(63,94,115) |
hsl(204,29%,35%) |
| #416176 |
rgb(65,97,118) |
hsl(204,29%,36%) |
| #43647a |
rgb(67,100,122) |
hsl(204,29%,37%) |
| #45677d |
rgb(69,103,125) |
hsl(204,29%,38%) |
| #476980 |
rgb(71,105,128) |
hsl(204,29%,39%) |
| #486c84 |
rgb(72,108,132) |
hsl(204,29%,40%) |
| #4a6f87 |
rgb(74,111,135) |
hsl(204,29%,41%) |
| #4c718a |
rgb(76,113,138) |
hsl(204,29%,42%) |
| #4e748d |
rgb(78,116,141) |
hsl(204,29%,43%) |
| #507791 |
rgb(80,119,145) |
hsl(204,29%,44%) |
| #517994 |
rgb(81,121,148) |
hsl(204,29%,45%) |
| #537c97 |
rgb(83,124,151) |
hsl(204,29%,46%) |
| #557f9b |
rgb(85,127,155) |
hsl(204,29%,47%) |
| #57819e |
rgb(87,129,158) |
hsl(204,29%,48%) |
| #5984a1 |
rgb(89,132,161) |
hsl(204,29%,49%) |
| #5b87a4 |
rgb(91,135,164) |
hsl(204,29%,50%) |
| #5e89a6 |
rgb(94,137,166) |
hsl(204,29%,51%) |
| #618ca8 |
rgb(97,140,168) |
hsl(204,29%,52%) |
| #648eaa |
rgb(100,142,170) |
hsl(204,29%,53%) |
| #6891ac |
rgb(104,145,172) |
hsl(204,29%,54%) |
| #6b93ae |
rgb(107,147,174) |
hsl(204,29%,55%) |
| #6e95af |
rgb(110,149,175) |
hsl(204,29%,56%) |
| #7298b1 |
rgb(114,152,177) |
hsl(204,29%,57%) |
| #759ab3 |
rgb(117,154,179) |
hsl(204,29%,58%) |
| #789db5 |
rgb(120,157,181) |
hsl(204,29%,59%) |
| #7b9fb7 |
rgb(123,159,183) |
hsl(204,29%,60%) |
| #7fa1b8 |
rgb(127,161,184) |
hsl(204,29%,61%) |
| #82a4ba |
rgb(130,164,186) |
hsl(204,29%,62%) |
| #85a6bc |
rgb(133,166,188) |
hsl(204,29%,63%) |
| #89a9be |
rgb(137,169,190) |
hsl(204,29%,64%) |
| #8cabc0 |
rgb(140,171,192) |
hsl(204,29%,65%) |
| #8fadc1 |
rgb(143,173,193) |
hsl(204,29%,66%) |
| #92b0c3 |
rgb(146,176,195) |
hsl(204,29%,67%) |
| #96b2c5 |
rgb(150,178,197) |
hsl(204,29%,68%) |
| #99b5c7 |
rgb(153,181,199) |
hsl(204,29%,69%) |
| #9cb7c9 |
rgb(156,183,201) |
hsl(204,29%,70%) |
| #a0b9ca |
rgb(160,185,202) |
hsl(204,29%,71%) |
| #a3bccc |
rgb(163,188,204) |
hsl(204,29%,72%) |
| #a6bece |
rgb(166,190,206) |
hsl(204,29%,73%) |
| #a9c1d0 |
rgb(169,193,208) |
hsl(204,29%,74%) |
| #adc3d2 |
rgb(173,195,210) |
hsl(204,29%,75%) |
| #b0c5d4 |
rgb(176,197,212) |
hsl(204,29%,76%) |
| #b3c8d5 |
rgb(179,200,213) |
hsl(204,29%,77%) |
| #b7cad7 |
rgb(183,202,215) |
hsl(204,29%,78%) |
| #bacdd9 |
rgb(186,205,217) |
hsl(204,29%,79%) |
| #bdcfdb |
rgb(189,207,219) |
hsl(204,29%,80%) |
| #c0d1dd |
rgb(192,209,221) |
hsl(204,29%,81%) |
| #c4d4de |
rgb(196,212,222) |
hsl(204,29%,82%) |
| #c7d6e0 |
rgb(199,214,224) |
hsl(204,29%,83%) |
| #cad9e2 |
rgb(202,217,226) |
hsl(204,29%,84%) |
| #cedbe4 |
rgb(206,219,228) |
hsl(204,29%,85%) |
| #d1dde6 |
rgb(209,221,230) |
hsl(204,29%,86%) |
| #d4e0e7 |
rgb(212,224,231) |
hsl(204,29%,87%) |
| #d8e2e9 |
rgb(216,226,233) |
hsl(204,29%,88%) |
| #dbe5eb |
rgb(219,229,235) |
hsl(204,29%,89%) |
| #dee7ed |
rgb(222,231,237) |
hsl(204,29%,90%) |
| #e1e9ef |
rgb(225,233,239) |
hsl(204,29%,91%) |
| #e5ecf1 |
rgb(229,236,241) |
hsl(204,29%,92%) |
| #e8eef2 |
rgb(232,238,242) |
hsl(204,29%,93%) |
| #ebf1f4 |
rgb(235,241,244) |
hsl(204,29%,94%) |
| #eff3f6 |
rgb(239,243,246) |
hsl(204,29%,95%) |
| #f2f5f8 |
rgb(242,245,248) |
hsl(204,29%,96%) |
| #f5f8fa |
rgb(245,248,250) |
hsl(204,29%,97%) |
| #f8fafb |
rgb(248,250,251) |
hsl(204,29%,98%) |
| #fcfdfd |
rgb(252,253,253) |
hsl(204,29%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5ba390 |
rgb(91,163,144) |
hsl(164,28%,50%) |
| #5b87a4 |
rgb(91,135,164) |
hsl(204,29%,50%) |
| #5f5ca4 |
rgb(95,92,164) |
hsl(243,28%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8fadc1 |
rgb(143,173,193) |
hsl(204,29%,66%) |
| #7599b2 |
rgb(117,153,178) |
hsl(205,28%,58%) |
| #5b87a4 |
rgb(91,135,164) |
hsl(204,29%,50%) |
| #4c7089 |
rgb(76,112,137) |
hsl(205,29%,42%) |
| #3d5c6f |
rgb(61,92,111) |
hsl(203,29%,34%) |
| #2f4755 |
rgb(47,71,85) |
hsl(202,29%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5b87a4 |
rgb(91,135,164) |
hsl(204,29%,50%) |
| #a45c62 |
rgb(164,92,98) |
hsl(355,28%,50%) |
| #a49c5b |
rgb(164,156,91) |
hsl(53,29%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5b87a4 |
rgb(91,135,164) |
hsl(204,29%,50%) |
| #a4785b |
rgb(164,120,91) |
hsl(24,29%,50%) |
| #5ba39c |
rgb(91,163,156) |
hsl(174,28%,50%) |
| #a49c5b |
rgb(164,156,91) |
hsl(53,29%,50%) |
