Color HEX #5B82A4, RGB(91,130,164)
Color name is Horizon. The color #5b82a4 is a dark shade and slightly desaturated.
Your selected color codes
Palette
5b82a4 color palette from light to dark
| HEX |
RGB |
HSL |
| #020303 |
rgb(2,3,3) |
hsl(208,29%,1%) |
| #040507 |
rgb(4,5,7) |
hsl(208,29%,2%) |
| #05080a |
rgb(5,8,10) |
hsl(208,29%,3%) |
| #070a0d |
rgb(7,10,13) |
hsl(208,29%,4%) |
| #090d10 |
rgb(9,13,16) |
hsl(208,29%,5%) |
| #0b1014 |
rgb(11,16,20) |
hsl(208,29%,6%) |
| #0d1217 |
rgb(13,18,23) |
hsl(208,29%,7%) |
| #0e151a |
rgb(14,21,26) |
hsl(208,29%,8%) |
| #10171e |
rgb(16,23,30) |
hsl(208,29%,9%) |
| #121a21 |
rgb(18,26,33) |
hsl(208,29%,10%) |
| #141d24 |
rgb(20,29,36) |
hsl(208,29%,11%) |
| #161f27 |
rgb(22,31,39) |
hsl(208,29%,12%) |
| #18222b |
rgb(24,34,43) |
hsl(208,29%,13%) |
| #19242e |
rgb(25,36,46) |
hsl(208,29%,14%) |
| #1b2731 |
rgb(27,39,49) |
hsl(208,29%,15%) |
| #1d2a35 |
rgb(29,42,53) |
hsl(208,29%,16%) |
| #1f2c38 |
rgb(31,44,56) |
hsl(208,29%,17%) |
| #212f3b |
rgb(33,47,59) |
hsl(208,29%,18%) |
| #22313f |
rgb(34,49,63) |
hsl(208,29%,19%) |
| #243442 |
rgb(36,52,66) |
hsl(208,29%,20%) |
| #263745 |
rgb(38,55,69) |
hsl(208,29%,21%) |
| #283948 |
rgb(40,57,72) |
hsl(208,29%,22%) |
| #2a3c4c |
rgb(42,60,76) |
hsl(208,29%,23%) |
| #2b3e4f |
rgb(43,62,79) |
hsl(208,29%,24%) |
| #2d4152 |
rgb(45,65,82) |
hsl(208,29%,25%) |
| #2f4456 |
rgb(47,68,86) |
hsl(208,29%,26%) |
| #314659 |
rgb(49,70,89) |
hsl(208,29%,27%) |
| #33495c |
rgb(51,73,92) |
hsl(208,29%,28%) |
| #354b5f |
rgb(53,75,95) |
hsl(208,29%,29%) |
| #364e63 |
rgb(54,78,99) |
hsl(208,29%,30%) |
| #385166 |
rgb(56,81,102) |
hsl(208,29%,31%) |
| #3a5369 |
rgb(58,83,105) |
hsl(208,29%,32%) |
| #3c566d |
rgb(60,86,109) |
hsl(208,29%,33%) |
| #3e5870 |
rgb(62,88,112) |
hsl(208,29%,34%) |
| #3f5b73 |
rgb(63,91,115) |
hsl(208,29%,35%) |
| #415e76 |
rgb(65,94,118) |
hsl(208,29%,36%) |
| #43607a |
rgb(67,96,122) |
hsl(208,29%,37%) |
| #45637d |
rgb(69,99,125) |
hsl(208,29%,38%) |
| #476580 |
rgb(71,101,128) |
hsl(208,29%,39%) |
| #486884 |
rgb(72,104,132) |
hsl(208,29%,40%) |
| #4a6b87 |
rgb(74,107,135) |
hsl(208,29%,41%) |
| #4c6d8a |
rgb(76,109,138) |
hsl(208,29%,42%) |
| #4e708d |
rgb(78,112,141) |
hsl(208,29%,43%) |
| #507291 |
rgb(80,114,145) |
hsl(208,29%,44%) |
| #517594 |
rgb(81,117,148) |
hsl(208,29%,45%) |
| #537897 |
rgb(83,120,151) |
hsl(208,29%,46%) |
| #557a9b |
rgb(85,122,155) |
hsl(208,29%,47%) |
| #577d9e |
rgb(87,125,158) |
hsl(208,29%,48%) |
| #597fa1 |
rgb(89,127,161) |
hsl(208,29%,49%) |
| #5b82a4 |
rgb(91,130,164) |
hsl(208,29%,50%) |
| #5e84a6 |
rgb(94,132,166) |
hsl(208,29%,51%) |
| #6187a8 |
rgb(97,135,168) |
hsl(208,29%,52%) |
| #6489aa |
rgb(100,137,170) |
hsl(208,29%,53%) |
| #688cac |
rgb(104,140,172) |
hsl(208,29%,54%) |
| #6b8eae |
rgb(107,142,174) |
hsl(208,29%,55%) |
| #6e91af |
rgb(110,145,175) |
hsl(208,29%,56%) |
| #7293b1 |
rgb(114,147,177) |
hsl(208,29%,57%) |
| #7596b3 |
rgb(117,150,179) |
hsl(208,29%,58%) |
| #7898b5 |
rgb(120,152,181) |
hsl(208,29%,59%) |
| #7b9bb7 |
rgb(123,155,183) |
hsl(208,29%,60%) |
| #7f9db8 |
rgb(127,157,184) |
hsl(208,29%,61%) |
| #82a0ba |
rgb(130,160,186) |
hsl(208,29%,62%) |
| #85a2bc |
rgb(133,162,188) |
hsl(208,29%,63%) |
| #89a5be |
rgb(137,165,190) |
hsl(208,29%,64%) |
| #8ca7c0 |
rgb(140,167,192) |
hsl(208,29%,65%) |
| #8faac1 |
rgb(143,170,193) |
hsl(208,29%,66%) |
| #92acc3 |
rgb(146,172,195) |
hsl(208,29%,67%) |
| #96afc5 |
rgb(150,175,197) |
hsl(208,29%,68%) |
| #99b1c7 |
rgb(153,177,199) |
hsl(208,29%,69%) |
| #9cb4c9 |
rgb(156,180,201) |
hsl(208,29%,70%) |
| #a0b6ca |
rgb(160,182,202) |
hsl(208,29%,71%) |
| #a3b9cc |
rgb(163,185,204) |
hsl(208,29%,72%) |
| #a6bbce |
rgb(166,187,206) |
hsl(208,29%,73%) |
| #a9bed0 |
rgb(169,190,208) |
hsl(208,29%,74%) |
| #adc0d2 |
rgb(173,192,210) |
hsl(208,29%,75%) |
| #b0c3d4 |
rgb(176,195,212) |
hsl(208,29%,76%) |
| #b3c5d5 |
rgb(179,197,213) |
hsl(208,29%,77%) |
| #b7c8d7 |
rgb(183,200,215) |
hsl(208,29%,78%) |
| #bacad9 |
rgb(186,202,217) |
hsl(208,29%,79%) |
| #bdcddb |
rgb(189,205,219) |
hsl(208,29%,80%) |
| #c0cfdd |
rgb(192,207,221) |
hsl(208,29%,81%) |
| #c4d2de |
rgb(196,210,222) |
hsl(208,29%,82%) |
| #c7d4e0 |
rgb(199,212,224) |
hsl(208,29%,83%) |
| #cad7e2 |
rgb(202,215,226) |
hsl(208,29%,84%) |
| #ced9e4 |
rgb(206,217,228) |
hsl(208,29%,85%) |
| #d1dce6 |
rgb(209,220,230) |
hsl(208,29%,86%) |
| #d4dee7 |
rgb(212,222,231) |
hsl(208,29%,87%) |
| #d8e1e9 |
rgb(216,225,233) |
hsl(208,29%,88%) |
| #dbe3eb |
rgb(219,227,235) |
hsl(208,29%,89%) |
| #dee6ed |
rgb(222,230,237) |
hsl(208,29%,90%) |
| #e1e8ef |
rgb(225,232,239) |
hsl(208,29%,91%) |
| #e5ebf1 |
rgb(229,235,241) |
hsl(208,29%,92%) |
| #e8edf2 |
rgb(232,237,242) |
hsl(208,29%,93%) |
| #ebf0f4 |
rgb(235,240,244) |
hsl(208,29%,94%) |
| #eff2f6 |
rgb(239,242,246) |
hsl(208,29%,95%) |
| #f2f5f8 |
rgb(242,245,248) |
hsl(208,29%,96%) |
| #f5f7fa |
rgb(245,247,250) |
hsl(208,29%,97%) |
| #f8fafb |
rgb(248,250,251) |
hsl(208,29%,98%) |
| #fcfcfd |
rgb(252,252,253) |
hsl(208,29%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5ba395 |
rgb(91,163,149) |
hsl(168,28%,50%) |
| #5b82a4 |
rgb(91,130,164) |
hsl(208,29%,50%) |
| #645ca4 |
rgb(100,92,164) |
hsl(247,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%) |
| #5b82a4 |
rgb(91,130,164) |
hsl(208,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 |
| #5b82a4 |
rgb(91,130,164) |
hsl(208,29%,50%) |
| #a45c5d |
rgb(164,92,93) |
hsl(359,28%,50%) |
| #a4a15b |
rgb(164,161,91) |
hsl(58,29%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5b82a4 |
rgb(91,130,164) |
hsl(208,29%,50%) |
| #a47d5b |
rgb(164,125,91) |
hsl(28,29%,50%) |
| #5ba3a1 |
rgb(91,163,161) |
hsl(178,28%,50%) |
| #a4a15b |
rgb(164,161,91) |
hsl(58,29%,50%) |
