Color HEX #5B80A4, RGB(91,128,164)
Color name is Horizon. The color #5b80a4 is a dark shade and slightly desaturated.
Your selected color codes
Palette
5b80a4 color palette from light to dark
| HEX |
RGB |
HSL |
| #020303 |
rgb(2,3,3) |
hsl(210,29%,1%) |
| #040507 |
rgb(4,5,7) |
hsl(210,29%,2%) |
| #05080a |
rgb(5,8,10) |
hsl(210,29%,3%) |
| #070a0d |
rgb(7,10,13) |
hsl(210,29%,4%) |
| #090d10 |
rgb(9,13,16) |
hsl(210,29%,5%) |
| #0b0f14 |
rgb(11,15,20) |
hsl(210,29%,6%) |
| #0d1217 |
rgb(13,18,23) |
hsl(210,29%,7%) |
| #0e141a |
rgb(14,20,26) |
hsl(210,29%,8%) |
| #10171e |
rgb(16,23,30) |
hsl(210,29%,9%) |
| #121a21 |
rgb(18,26,33) |
hsl(210,29%,10%) |
| #141c24 |
rgb(20,28,36) |
hsl(210,29%,11%) |
| #161f27 |
rgb(22,31,39) |
hsl(210,29%,12%) |
| #18212b |
rgb(24,33,43) |
hsl(210,29%,13%) |
| #19242e |
rgb(25,36,46) |
hsl(210,29%,14%) |
| #1b2631 |
rgb(27,38,49) |
hsl(210,29%,15%) |
| #1d2935 |
rgb(29,41,53) |
hsl(210,29%,16%) |
| #1f2b38 |
rgb(31,43,56) |
hsl(210,29%,17%) |
| #212e3b |
rgb(33,46,59) |
hsl(210,29%,18%) |
| #22303f |
rgb(34,48,63) |
hsl(210,29%,19%) |
| #243342 |
rgb(36,51,66) |
hsl(210,29%,20%) |
| #263645 |
rgb(38,54,69) |
hsl(210,29%,21%) |
| #283848 |
rgb(40,56,72) |
hsl(210,29%,22%) |
| #2a3b4c |
rgb(42,59,76) |
hsl(210,29%,23%) |
| #2b3d4f |
rgb(43,61,79) |
hsl(210,29%,24%) |
| #2d4052 |
rgb(45,64,82) |
hsl(210,29%,25%) |
| #2f4256 |
rgb(47,66,86) |
hsl(210,29%,26%) |
| #314559 |
rgb(49,69,89) |
hsl(210,29%,27%) |
| #33475c |
rgb(51,71,92) |
hsl(210,29%,28%) |
| #354a5f |
rgb(53,74,95) |
hsl(210,29%,29%) |
| #364d63 |
rgb(54,77,99) |
hsl(210,29%,30%) |
| #384f66 |
rgb(56,79,102) |
hsl(210,29%,31%) |
| #3a5269 |
rgb(58,82,105) |
hsl(210,29%,32%) |
| #3c546d |
rgb(60,84,109) |
hsl(210,29%,33%) |
| #3e5770 |
rgb(62,87,112) |
hsl(210,29%,34%) |
| #3f5973 |
rgb(63,89,115) |
hsl(210,29%,35%) |
| #415c76 |
rgb(65,92,118) |
hsl(210,29%,36%) |
| #435e7a |
rgb(67,94,122) |
hsl(210,29%,37%) |
| #45617d |
rgb(69,97,125) |
hsl(210,29%,38%) |
| #476380 |
rgb(71,99,128) |
hsl(210,29%,39%) |
| #486684 |
rgb(72,102,132) |
hsl(210,29%,40%) |
| #4a6987 |
rgb(74,105,135) |
hsl(210,29%,41%) |
| #4c6b8a |
rgb(76,107,138) |
hsl(210,29%,42%) |
| #4e6e8d |
rgb(78,110,141) |
hsl(210,29%,43%) |
| #507091 |
rgb(80,112,145) |
hsl(210,29%,44%) |
| #517394 |
rgb(81,115,148) |
hsl(210,29%,45%) |
| #537597 |
rgb(83,117,151) |
hsl(210,29%,46%) |
| #55789b |
rgb(85,120,155) |
hsl(210,29%,47%) |
| #577a9e |
rgb(87,122,158) |
hsl(210,29%,48%) |
| #597da1 |
rgb(89,125,161) |
hsl(210,29%,49%) |
| #5b80a4 |
rgb(91,128,164) |
hsl(210,29%,50%) |
| #5e82a6 |
rgb(94,130,166) |
hsl(210,29%,51%) |
| #6185a8 |
rgb(97,133,168) |
hsl(210,29%,52%) |
| #6487aa |
rgb(100,135,170) |
hsl(210,29%,53%) |
| #688aac |
rgb(104,138,172) |
hsl(210,29%,54%) |
| #6b8cae |
rgb(107,140,174) |
hsl(210,29%,55%) |
| #6e8faf |
rgb(110,143,175) |
hsl(210,29%,56%) |
| #7291b1 |
rgb(114,145,177) |
hsl(210,29%,57%) |
| #7594b3 |
rgb(117,148,179) |
hsl(210,29%,58%) |
| #7896b5 |
rgb(120,150,181) |
hsl(210,29%,59%) |
| #7b99b7 |
rgb(123,153,183) |
hsl(210,29%,60%) |
| #7f9cb8 |
rgb(127,156,184) |
hsl(210,29%,61%) |
| #829eba |
rgb(130,158,186) |
hsl(210,29%,62%) |
| #85a1bc |
rgb(133,161,188) |
hsl(210,29%,63%) |
| #89a3be |
rgb(137,163,190) |
hsl(210,29%,64%) |
| #8ca6c0 |
rgb(140,166,192) |
hsl(210,29%,65%) |
| #8fa8c1 |
rgb(143,168,193) |
hsl(210,29%,66%) |
| #92abc3 |
rgb(146,171,195) |
hsl(210,29%,67%) |
| #96adc5 |
rgb(150,173,197) |
hsl(210,29%,68%) |
| #99b0c7 |
rgb(153,176,199) |
hsl(210,29%,69%) |
| #9cb3c9 |
rgb(156,179,201) |
hsl(210,29%,70%) |
| #a0b5ca |
rgb(160,181,202) |
hsl(210,29%,71%) |
| #a3b8cc |
rgb(163,184,204) |
hsl(210,29%,72%) |
| #a6bace |
rgb(166,186,206) |
hsl(210,29%,73%) |
| #a9bdd0 |
rgb(169,189,208) |
hsl(210,29%,74%) |
| #adbfd2 |
rgb(173,191,210) |
hsl(210,29%,75%) |
| #b0c2d4 |
rgb(176,194,212) |
hsl(210,29%,76%) |
| #b3c4d5 |
rgb(179,196,213) |
hsl(210,29%,77%) |
| #b7c7d7 |
rgb(183,199,215) |
hsl(210,29%,78%) |
| #bac9d9 |
rgb(186,201,217) |
hsl(210,29%,79%) |
| #bdccdb |
rgb(189,204,219) |
hsl(210,29%,80%) |
| #c0cfdd |
rgb(192,207,221) |
hsl(210,29%,81%) |
| #c4d1de |
rgb(196,209,222) |
hsl(210,29%,82%) |
| #c7d4e0 |
rgb(199,212,224) |
hsl(210,29%,83%) |
| #cad6e2 |
rgb(202,214,226) |
hsl(210,29%,84%) |
| #ced9e4 |
rgb(206,217,228) |
hsl(210,29%,85%) |
| #d1dbe6 |
rgb(209,219,230) |
hsl(210,29%,86%) |
| #d4dee7 |
rgb(212,222,231) |
hsl(210,29%,87%) |
| #d8e0e9 |
rgb(216,224,233) |
hsl(210,29%,88%) |
| #dbe3eb |
rgb(219,227,235) |
hsl(210,29%,89%) |
| #dee6ed |
rgb(222,230,237) |
hsl(210,29%,90%) |
| #e1e8ef |
rgb(225,232,239) |
hsl(210,29%,91%) |
| #e5ebf1 |
rgb(229,235,241) |
hsl(210,29%,92%) |
| #e8edf2 |
rgb(232,237,242) |
hsl(210,29%,93%) |
| #ebf0f4 |
rgb(235,240,244) |
hsl(210,29%,94%) |
| #eff2f6 |
rgb(239,242,246) |
hsl(210,29%,95%) |
| #f2f5f8 |
rgb(242,245,248) |
hsl(210,29%,96%) |
| #f5f7fa |
rgb(245,247,250) |
hsl(210,29%,97%) |
| #f8fafb |
rgb(248,250,251) |
hsl(210,29%,98%) |
| #fcfcfd |
rgb(252,252,253) |
hsl(210,29%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5ba397 |
rgb(91,163,151) |
hsl(170,28%,50%) |
| #5b80a4 |
rgb(91,128,164) |
hsl(210,29%,50%) |
| #665ca4 |
rgb(102,92,164) |
hsl(248,28%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8fa8c1 |
rgb(143,168,193) |
hsl(210,29%,66%) |
| #7594b2 |
rgb(117,148,178) |
hsl(210,28%,58%) |
| #5b80a4 |
rgb(91,128,164) |
hsl(210,29%,50%) |
| #4c6b89 |
rgb(76,107,137) |
hsl(210,29%,42%) |
| #3d576f |
rgb(61,87,111) |
hsl(209,29%,34%) |
| #2f4255 |
rgb(47,66,85) |
hsl(210,29%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5b80a4 |
rgb(91,128,164) |
hsl(210,29%,50%) |
| #a45c5b |
rgb(164,92,91) |
hsl(1,29%,50%) |
| #a4a35b |
rgb(164,163,91) |
hsl(59,29%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5b80a4 |
rgb(91,128,164) |
hsl(210,29%,50%) |
| #a4805b |
rgb(164,128,91) |
hsl(30,29%,50%) |
| #5ba3a3 |
rgb(91,163,163) |
hsl(180,28%,50%) |
| #a4a35b |
rgb(164,163,91) |
hsl(59,29%,50%) |
