Color HEX #5B7DA4, RGB(91,125,164)
Color name is Horizon. The color #5b7da4 is a dark shade and slightly desaturated.
Your selected color codes
Palette
5b7da4 color palette from light to dark
| HEX |
RGB |
HSL |
| #020303 |
rgb(2,3,3) |
hsl(212,29%,1%) |
| #040507 |
rgb(4,5,7) |
hsl(212,29%,2%) |
| #05080a |
rgb(5,8,10) |
hsl(212,29%,3%) |
| #070a0d |
rgb(7,10,13) |
hsl(212,29%,4%) |
| #090d10 |
rgb(9,13,16) |
hsl(212,29%,5%) |
| #0b0f14 |
rgb(11,15,20) |
hsl(212,29%,6%) |
| #0d1217 |
rgb(13,18,23) |
hsl(212,29%,7%) |
| #0e141a |
rgb(14,20,26) |
hsl(212,29%,8%) |
| #10171e |
rgb(16,23,30) |
hsl(212,29%,9%) |
| #121921 |
rgb(18,25,33) |
hsl(212,29%,10%) |
| #141c24 |
rgb(20,28,36) |
hsl(212,29%,11%) |
| #161e27 |
rgb(22,30,39) |
hsl(212,29%,12%) |
| #18212b |
rgb(24,33,43) |
hsl(212,29%,13%) |
| #19232e |
rgb(25,35,46) |
hsl(212,29%,14%) |
| #1b2631 |
rgb(27,38,49) |
hsl(212,29%,15%) |
| #1d2835 |
rgb(29,40,53) |
hsl(212,29%,16%) |
| #1f2b38 |
rgb(31,43,56) |
hsl(212,29%,17%) |
| #212d3b |
rgb(33,45,59) |
hsl(212,29%,18%) |
| #22303f |
rgb(34,48,63) |
hsl(212,29%,19%) |
| #243242 |
rgb(36,50,66) |
hsl(212,29%,20%) |
| #263545 |
rgb(38,53,69) |
hsl(212,29%,21%) |
| #283748 |
rgb(40,55,72) |
hsl(212,29%,22%) |
| #2a3a4c |
rgb(42,58,76) |
hsl(212,29%,23%) |
| #2b3c4f |
rgb(43,60,79) |
hsl(212,29%,24%) |
| #2d3f52 |
rgb(45,63,82) |
hsl(212,29%,25%) |
| #2f4156 |
rgb(47,65,86) |
hsl(212,29%,26%) |
| #314459 |
rgb(49,68,89) |
hsl(212,29%,27%) |
| #33465c |
rgb(51,70,92) |
hsl(212,29%,28%) |
| #35495f |
rgb(53,73,95) |
hsl(212,29%,29%) |
| #364b63 |
rgb(54,75,99) |
hsl(212,29%,30%) |
| #384e66 |
rgb(56,78,102) |
hsl(212,29%,31%) |
| #3a5069 |
rgb(58,80,105) |
hsl(212,29%,32%) |
| #3c536d |
rgb(60,83,109) |
hsl(212,29%,33%) |
| #3e5570 |
rgb(62,85,112) |
hsl(212,29%,34%) |
| #3f5873 |
rgb(63,88,115) |
hsl(212,29%,35%) |
| #415a76 |
rgb(65,90,118) |
hsl(212,29%,36%) |
| #435d7a |
rgb(67,93,122) |
hsl(212,29%,37%) |
| #455f7d |
rgb(69,95,125) |
hsl(212,29%,38%) |
| #476280 |
rgb(71,98,128) |
hsl(212,29%,39%) |
| #486484 |
rgb(72,100,132) |
hsl(212,29%,40%) |
| #4a6787 |
rgb(74,103,135) |
hsl(212,29%,41%) |
| #4c698a |
rgb(76,105,138) |
hsl(212,29%,42%) |
| #4e6c8d |
rgb(78,108,141) |
hsl(212,29%,43%) |
| #506e91 |
rgb(80,110,145) |
hsl(212,29%,44%) |
| #517194 |
rgb(81,113,148) |
hsl(212,29%,45%) |
| #537397 |
rgb(83,115,151) |
hsl(212,29%,46%) |
| #55769b |
rgb(85,118,155) |
hsl(212,29%,47%) |
| #57789e |
rgb(87,120,158) |
hsl(212,29%,48%) |
| #597ba1 |
rgb(89,123,161) |
hsl(212,29%,49%) |
| #5b7da4 |
rgb(91,125,164) |
hsl(212,29%,50%) |
| #5e80a6 |
rgb(94,128,166) |
hsl(212,29%,51%) |
| #6182a8 |
rgb(97,130,168) |
hsl(212,29%,52%) |
| #6485aa |
rgb(100,133,170) |
hsl(212,29%,53%) |
| #6887ac |
rgb(104,135,172) |
hsl(212,29%,54%) |
| #6b8aae |
rgb(107,138,174) |
hsl(212,29%,55%) |
| #6e8daf |
rgb(110,141,175) |
hsl(212,29%,56%) |
| #728fb1 |
rgb(114,143,177) |
hsl(212,29%,57%) |
| #7592b3 |
rgb(117,146,179) |
hsl(212,29%,58%) |
| #7894b5 |
rgb(120,148,181) |
hsl(212,29%,59%) |
| #7b97b7 |
rgb(123,151,183) |
hsl(212,29%,60%) |
| #7f9ab8 |
rgb(127,154,184) |
hsl(212,29%,61%) |
| #829cba |
rgb(130,156,186) |
hsl(212,29%,62%) |
| #859fbc |
rgb(133,159,188) |
hsl(212,29%,63%) |
| #89a1be |
rgb(137,161,190) |
hsl(212,29%,64%) |
| #8ca4c0 |
rgb(140,164,192) |
hsl(212,29%,65%) |
| #8fa7c1 |
rgb(143,167,193) |
hsl(212,29%,66%) |
| #92a9c3 |
rgb(146,169,195) |
hsl(212,29%,67%) |
| #96acc5 |
rgb(150,172,197) |
hsl(212,29%,68%) |
| #99aec7 |
rgb(153,174,199) |
hsl(212,29%,69%) |
| #9cb1c9 |
rgb(156,177,201) |
hsl(212,29%,70%) |
| #a0b4ca |
rgb(160,180,202) |
hsl(212,29%,71%) |
| #a3b6cc |
rgb(163,182,204) |
hsl(212,29%,72%) |
| #a6b9ce |
rgb(166,185,206) |
hsl(212,29%,73%) |
| #a9bbd0 |
rgb(169,187,208) |
hsl(212,29%,74%) |
| #adbed2 |
rgb(173,190,210) |
hsl(212,29%,75%) |
| #b0c1d4 |
rgb(176,193,212) |
hsl(212,29%,76%) |
| #b3c3d5 |
rgb(179,195,213) |
hsl(212,29%,77%) |
| #b7c6d7 |
rgb(183,198,215) |
hsl(212,29%,78%) |
| #bac8d9 |
rgb(186,200,217) |
hsl(212,29%,79%) |
| #bdcbdb |
rgb(189,203,219) |
hsl(212,29%,80%) |
| #c0cedd |
rgb(192,206,221) |
hsl(212,29%,81%) |
| #c4d0de |
rgb(196,208,222) |
hsl(212,29%,82%) |
| #c7d3e0 |
rgb(199,211,224) |
hsl(212,29%,83%) |
| #cad5e2 |
rgb(202,213,226) |
hsl(212,29%,84%) |
| #ced8e4 |
rgb(206,216,228) |
hsl(212,29%,85%) |
| #d1dbe6 |
rgb(209,219,230) |
hsl(212,29%,86%) |
| #d4dde7 |
rgb(212,221,231) |
hsl(212,29%,87%) |
| #d8e0e9 |
rgb(216,224,233) |
hsl(212,29%,88%) |
| #dbe2eb |
rgb(219,226,235) |
hsl(212,29%,89%) |
| #dee5ed |
rgb(222,229,237) |
hsl(212,29%,90%) |
| #e1e8ef |
rgb(225,232,239) |
hsl(212,29%,91%) |
| #e5eaf1 |
rgb(229,234,241) |
hsl(212,29%,92%) |
| #e8edf2 |
rgb(232,237,242) |
hsl(212,29%,93%) |
| #ebeff4 |
rgb(235,239,244) |
hsl(212,29%,94%) |
| #eff2f6 |
rgb(239,242,246) |
hsl(212,29%,95%) |
| #f2f5f8 |
rgb(242,245,248) |
hsl(212,29%,96%) |
| #f5f7fa |
rgb(245,247,250) |
hsl(212,29%,97%) |
| #f8fafb |
rgb(248,250,251) |
hsl(212,29%,98%) |
| #fcfcfd |
rgb(252,252,253) |
hsl(212,29%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5ba39a |
rgb(91,163,154) |
hsl(173,28%,50%) |
| #5b7da4 |
rgb(91,125,164) |
hsl(212,29%,50%) |
| #695ca4 |
rgb(105,92,164) |
hsl(251,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%) |
| #5b7da4 |
rgb(91,125,164) |
hsl(212,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 |
| #5b7da4 |
rgb(91,125,164) |
hsl(212,29%,50%) |
| #a45e5b |
rgb(164,94,91) |
hsl(2,29%,50%) |
| #a1a35b |
rgb(161,163,91) |
hsl(62,28%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5b7da4 |
rgb(91,125,164) |
hsl(212,29%,50%) |
| #a4825b |
rgb(164,130,91) |
hsl(32,29%,50%) |
| #5ba1a4 |
rgb(91,161,164) |
hsl(182,29%,50%) |
| #a1a35b |
rgb(161,163,91) |
hsl(62,28%,50%) |
