Color HEX #5B7BA4, RGB(91,123,164)
Color name is Horizon. The color #5b7ba4 is a dark shade and slightly desaturated.
Your selected color codes
Palette
5b7ba4 color palette from light to dark
| HEX |
RGB |
HSL |
| #020203 |
rgb(2,2,3) |
hsl(214,29%,1%) |
| #040507 |
rgb(4,5,7) |
hsl(214,29%,2%) |
| #05070a |
rgb(5,7,10) |
hsl(214,29%,3%) |
| #070a0d |
rgb(7,10,13) |
hsl(214,29%,4%) |
| #090c10 |
rgb(9,12,16) |
hsl(214,29%,5%) |
| #0b0f14 |
rgb(11,15,20) |
hsl(214,29%,6%) |
| #0d1117 |
rgb(13,17,23) |
hsl(214,29%,7%) |
| #0e141a |
rgb(14,20,26) |
hsl(214,29%,8%) |
| #10161e |
rgb(16,22,30) |
hsl(214,29%,9%) |
| #121921 |
rgb(18,25,33) |
hsl(214,29%,10%) |
| #141b24 |
rgb(20,27,36) |
hsl(214,29%,11%) |
| #161d27 |
rgb(22,29,39) |
hsl(214,29%,12%) |
| #18202b |
rgb(24,32,43) |
hsl(214,29%,13%) |
| #19222e |
rgb(25,34,46) |
hsl(214,29%,14%) |
| #1b2531 |
rgb(27,37,49) |
hsl(214,29%,15%) |
| #1d2735 |
rgb(29,39,53) |
hsl(214,29%,16%) |
| #1f2a38 |
rgb(31,42,56) |
hsl(214,29%,17%) |
| #212c3b |
rgb(33,44,59) |
hsl(214,29%,18%) |
| #222f3f |
rgb(34,47,63) |
hsl(214,29%,19%) |
| #243142 |
rgb(36,49,66) |
hsl(214,29%,20%) |
| #263345 |
rgb(38,51,69) |
hsl(214,29%,21%) |
| #283648 |
rgb(40,54,72) |
hsl(214,29%,22%) |
| #2a384c |
rgb(42,56,76) |
hsl(214,29%,23%) |
| #2b3b4f |
rgb(43,59,79) |
hsl(214,29%,24%) |
| #2d3d52 |
rgb(45,61,82) |
hsl(214,29%,25%) |
| #2f4056 |
rgb(47,64,86) |
hsl(214,29%,26%) |
| #314259 |
rgb(49,66,89) |
hsl(214,29%,27%) |
| #33455c |
rgb(51,69,92) |
hsl(214,29%,28%) |
| #35475f |
rgb(53,71,95) |
hsl(214,29%,29%) |
| #364a63 |
rgb(54,74,99) |
hsl(214,29%,30%) |
| #384c66 |
rgb(56,76,102) |
hsl(214,29%,31%) |
| #3a4e69 |
rgb(58,78,105) |
hsl(214,29%,32%) |
| #3c516d |
rgb(60,81,109) |
hsl(214,29%,33%) |
| #3e5370 |
rgb(62,83,112) |
hsl(214,29%,34%) |
| #3f5673 |
rgb(63,86,115) |
hsl(214,29%,35%) |
| #415876 |
rgb(65,88,118) |
hsl(214,29%,36%) |
| #435b7a |
rgb(67,91,122) |
hsl(214,29%,37%) |
| #455d7d |
rgb(69,93,125) |
hsl(214,29%,38%) |
| #476080 |
rgb(71,96,128) |
hsl(214,29%,39%) |
| #486284 |
rgb(72,98,132) |
hsl(214,29%,40%) |
| #4a6587 |
rgb(74,101,135) |
hsl(214,29%,41%) |
| #4c678a |
rgb(76,103,138) |
hsl(214,29%,42%) |
| #4e698d |
rgb(78,105,141) |
hsl(214,29%,43%) |
| #506c91 |
rgb(80,108,145) |
hsl(214,29%,44%) |
| #516e94 |
rgb(81,110,148) |
hsl(214,29%,45%) |
| #537197 |
rgb(83,113,151) |
hsl(214,29%,46%) |
| #55739b |
rgb(85,115,155) |
hsl(214,29%,47%) |
| #57769e |
rgb(87,118,158) |
hsl(214,29%,48%) |
| #5978a1 |
rgb(89,120,161) |
hsl(214,29%,49%) |
| #5b7ba4 |
rgb(91,123,164) |
hsl(214,29%,50%) |
| #5e7da6 |
rgb(94,125,166) |
hsl(214,29%,51%) |
| #6180a8 |
rgb(97,128,168) |
hsl(214,29%,52%) |
| #6483aa |
rgb(100,131,170) |
hsl(214,29%,53%) |
| #6885ac |
rgb(104,133,172) |
hsl(214,29%,54%) |
| #6b88ae |
rgb(107,136,174) |
hsl(214,29%,55%) |
| #6e8aaf |
rgb(110,138,175) |
hsl(214,29%,56%) |
| #728db1 |
rgb(114,141,177) |
hsl(214,29%,57%) |
| #7590b3 |
rgb(117,144,179) |
hsl(214,29%,58%) |
| #7892b5 |
rgb(120,146,181) |
hsl(214,29%,59%) |
| #7b95b7 |
rgb(123,149,183) |
hsl(214,29%,60%) |
| #7f98b8 |
rgb(127,152,184) |
hsl(214,29%,61%) |
| #829aba |
rgb(130,154,186) |
hsl(214,29%,62%) |
| #859dbc |
rgb(133,157,188) |
hsl(214,29%,63%) |
| #89a0be |
rgb(137,160,190) |
hsl(214,29%,64%) |
| #8ca2c0 |
rgb(140,162,192) |
hsl(214,29%,65%) |
| #8fa5c1 |
rgb(143,165,193) |
hsl(214,29%,66%) |
| #92a8c3 |
rgb(146,168,195) |
hsl(214,29%,67%) |
| #96aac5 |
rgb(150,170,197) |
hsl(214,29%,68%) |
| #99adc7 |
rgb(153,173,199) |
hsl(214,29%,69%) |
| #9cb0c9 |
rgb(156,176,201) |
hsl(214,29%,70%) |
| #a0b2ca |
rgb(160,178,202) |
hsl(214,29%,71%) |
| #a3b5cc |
rgb(163,181,204) |
hsl(214,29%,72%) |
| #a6b7ce |
rgb(166,183,206) |
hsl(214,29%,73%) |
| #a9bad0 |
rgb(169,186,208) |
hsl(214,29%,74%) |
| #adbdd2 |
rgb(173,189,210) |
hsl(214,29%,75%) |
| #b0bfd4 |
rgb(176,191,212) |
hsl(214,29%,76%) |
| #b3c2d5 |
rgb(179,194,213) |
hsl(214,29%,77%) |
| #b7c5d7 |
rgb(183,197,215) |
hsl(214,29%,78%) |
| #bac7d9 |
rgb(186,199,217) |
hsl(214,29%,79%) |
| #bdcadb |
rgb(189,202,219) |
hsl(214,29%,80%) |
| #c0cddd |
rgb(192,205,221) |
hsl(214,29%,81%) |
| #c4cfde |
rgb(196,207,222) |
hsl(214,29%,82%) |
| #c7d2e0 |
rgb(199,210,224) |
hsl(214,29%,83%) |
| #cad5e2 |
rgb(202,213,226) |
hsl(214,29%,84%) |
| #ced7e4 |
rgb(206,215,228) |
hsl(214,29%,85%) |
| #d1dae6 |
rgb(209,218,230) |
hsl(214,29%,86%) |
| #d4dde7 |
rgb(212,221,231) |
hsl(214,29%,87%) |
| #d8dfe9 |
rgb(216,223,233) |
hsl(214,29%,88%) |
| #dbe2eb |
rgb(219,226,235) |
hsl(214,29%,89%) |
| #dee5ed |
rgb(222,229,237) |
hsl(214,29%,90%) |
| #e1e7ef |
rgb(225,231,239) |
hsl(214,29%,91%) |
| #e5eaf1 |
rgb(229,234,241) |
hsl(214,29%,92%) |
| #e8ecf2 |
rgb(232,236,242) |
hsl(214,29%,93%) |
| #ebeff4 |
rgb(235,239,244) |
hsl(214,29%,94%) |
| #eff2f6 |
rgb(239,242,246) |
hsl(214,29%,95%) |
| #f2f4f8 |
rgb(242,244,248) |
hsl(214,29%,96%) |
| #f5f7fa |
rgb(245,247,250) |
hsl(214,29%,97%) |
| #f8fafb |
rgb(248,250,251) |
hsl(214,29%,98%) |
| #fcfcfd |
rgb(252,252,253) |
hsl(214,29%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5ba39c |
rgb(91,163,156) |
hsl(174,28%,50%) |
| #5b7ba4 |
rgb(91,123,164) |
hsl(214,29%,50%) |
| #6b5ca4 |
rgb(107,92,164) |
hsl(253,28%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8fa6c1 |
rgb(143,166,193) |
hsl(212,29%,66%) |
| #7591b2 |
rgb(117,145,178) |
hsl(212,28%,58%) |
| #5b7ba4 |
rgb(91,123,164) |
hsl(214,29%,50%) |
| #4c6989 |
rgb(76,105,137) |
hsl(211,29%,42%) |
| #3d546f |
rgb(61,84,111) |
hsl(212,29%,34%) |
| #2f4055 |
rgb(47,64,85) |
hsl(213,29%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5b7ba4 |
rgb(91,123,164) |
hsl(214,29%,50%) |
| #a45e5b |
rgb(164,94,91) |
hsl(2,29%,50%) |
| #9fa35b |
rgb(159,163,91) |
hsl(63,28%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5b7ba4 |
rgb(91,123,164) |
hsl(214,29%,50%) |
| #a4855b |
rgb(164,133,91) |
hsl(35,29%,50%) |
| #5ba1a4 |
rgb(91,161,164) |
hsl(182,29%,50%) |
| #9fa35b |
rgb(159,163,91) |
hsl(63,28%,50%) |
