Color HEX #5D7DA2, RGB(93,125,162)
Color name is Horizon. The color #5d7da2 is a dark shade and slightly desaturated.
Palette
5d7da2 color palette from light to dark
| HEX |
RGB |
HSL |
| #020303 |
rgb(2,3,3) |
hsl(212,27%,1%) |
| #040506 |
rgb(4,5,6) |
hsl(212,27%,2%) |
| #06080a |
rgb(6,8,10) |
hsl(212,27%,3%) |
| #070a0d |
rgb(7,10,13) |
hsl(212,27%,4%) |
| #090d10 |
rgb(9,13,16) |
hsl(212,27%,5%) |
| #0b0f13 |
rgb(11,15,19) |
hsl(212,27%,6%) |
| #0d1217 |
rgb(13,18,23) |
hsl(212,27%,7%) |
| #0f141a |
rgb(15,20,26) |
hsl(212,27%,8%) |
| #11171d |
rgb(17,23,29) |
hsl(212,27%,9%) |
| #131920 |
rgb(19,25,32) |
hsl(212,27%,10%) |
| #141c24 |
rgb(20,28,36) |
hsl(212,27%,11%) |
| #161e27 |
rgb(22,30,39) |
hsl(212,27%,12%) |
| #18212a |
rgb(24,33,42) |
hsl(212,27%,13%) |
| #1a232d |
rgb(26,35,45) |
hsl(212,27%,14%) |
| #1c2631 |
rgb(28,38,49) |
hsl(212,27%,15%) |
| #1e2834 |
rgb(30,40,52) |
hsl(212,27%,16%) |
| #202b37 |
rgb(32,43,55) |
hsl(212,27%,17%) |
| #222d3a |
rgb(34,45,58) |
hsl(212,27%,18%) |
| #23303e |
rgb(35,48,62) |
hsl(212,27%,19%) |
| #253241 |
rgb(37,50,65) |
hsl(212,27%,20%) |
| #273544 |
rgb(39,53,68) |
hsl(212,27%,21%) |
| #293747 |
rgb(41,55,71) |
hsl(212,27%,22%) |
| #2b3a4a |
rgb(43,58,74) |
hsl(212,27%,23%) |
| #2d3c4e |
rgb(45,60,78) |
hsl(212,27%,24%) |
| #2f3f51 |
rgb(47,63,81) |
hsl(212,27%,25%) |
| #304154 |
rgb(48,65,84) |
hsl(212,27%,26%) |
| #324457 |
rgb(50,68,87) |
hsl(212,27%,27%) |
| #34465b |
rgb(52,70,91) |
hsl(212,27%,28%) |
| #36495e |
rgb(54,73,94) |
hsl(212,27%,29%) |
| #384b61 |
rgb(56,75,97) |
hsl(212,27%,30%) |
| #3a4e64 |
rgb(58,78,100) |
hsl(212,27%,31%) |
| #3c5068 |
rgb(60,80,104) |
hsl(212,27%,32%) |
| #3d536b |
rgb(61,83,107) |
hsl(212,27%,33%) |
| #3f556e |
rgb(63,85,110) |
hsl(212,27%,34%) |
| #415871 |
rgb(65,88,113) |
hsl(212,27%,35%) |
| #435a75 |
rgb(67,90,117) |
hsl(212,27%,36%) |
| #455d78 |
rgb(69,93,120) |
hsl(212,27%,37%) |
| #475f7b |
rgb(71,95,123) |
hsl(212,27%,38%) |
| #49627e |
rgb(73,98,126) |
hsl(212,27%,39%) |
| #4a6482 |
rgb(74,100,130) |
hsl(212,27%,40%) |
| #4c6785 |
rgb(76,103,133) |
hsl(212,27%,41%) |
| #4e6988 |
rgb(78,105,136) |
hsl(212,27%,42%) |
| #506c8b |
rgb(80,108,139) |
hsl(212,27%,43%) |
| #526e8e |
rgb(82,110,142) |
hsl(212,27%,44%) |
| #547192 |
rgb(84,113,146) |
hsl(212,27%,45%) |
| #567395 |
rgb(86,115,149) |
hsl(212,27%,46%) |
| #577698 |
rgb(87,118,152) |
hsl(212,27%,47%) |
| #59789b |
rgb(89,120,155) |
hsl(212,27%,48%) |
| #5b7b9f |
rgb(91,123,159) |
hsl(212,27%,49%) |
| #5d7da2 |
rgb(93,125,162) |
hsl(212,27%,50%) |
| #6080a4 |
rgb(96,128,164) |
hsl(212,27%,51%) |
| #6482a6 |
rgb(100,130,166) |
hsl(212,27%,52%) |
| #6785a8 |
rgb(103,133,168) |
hsl(212,27%,53%) |
| #6a88a9 |
rgb(106,136,169) |
hsl(212,27%,54%) |
| #6d8aab |
rgb(109,138,171) |
hsl(212,27%,55%) |
| #718dad |
rgb(113,141,173) |
hsl(212,27%,56%) |
| #748faf |
rgb(116,143,175) |
hsl(212,27%,57%) |
| #7792b1 |
rgb(119,146,177) |
hsl(212,27%,58%) |
| #7a95b3 |
rgb(122,149,179) |
hsl(212,27%,59%) |
| #7d97b5 |
rgb(125,151,181) |
hsl(212,27%,60%) |
| #819ab6 |
rgb(129,154,182) |
hsl(212,27%,61%) |
| #849cb8 |
rgb(132,156,184) |
hsl(212,27%,62%) |
| #879fba |
rgb(135,159,186) |
hsl(212,27%,63%) |
| #8aa2bc |
rgb(138,162,188) |
hsl(212,27%,64%) |
| #8ea4be |
rgb(142,164,190) |
hsl(212,27%,65%) |
| #91a7c0 |
rgb(145,167,192) |
hsl(212,27%,66%) |
| #94a9c2 |
rgb(148,169,194) |
hsl(212,27%,67%) |
| #97acc3 |
rgb(151,172,195) |
hsl(212,27%,68%) |
| #9bafc5 |
rgb(155,175,197) |
hsl(212,27%,69%) |
| #9eb1c7 |
rgb(158,177,199) |
hsl(212,27%,70%) |
| #a1b4c9 |
rgb(161,180,201) |
hsl(212,27%,71%) |
| #a4b6cb |
rgb(164,182,203) |
hsl(212,27%,72%) |
| #a8b9cd |
rgb(168,185,205) |
hsl(212,27%,73%) |
| #abbccf |
rgb(171,188,207) |
hsl(212,27%,74%) |
| #aebed0 |
rgb(174,190,208) |
hsl(212,27%,75%) |
| #b1c1d2 |
rgb(177,193,210) |
hsl(212,27%,76%) |
| #b5c3d4 |
rgb(181,195,212) |
hsl(212,27%,77%) |
| #b8c6d6 |
rgb(184,198,214) |
hsl(212,27%,78%) |
| #bbc8d8 |
rgb(187,200,216) |
hsl(212,27%,79%) |
| #becbda |
rgb(190,203,218) |
hsl(212,27%,80%) |
| #c1cedc |
rgb(193,206,220) |
hsl(212,27%,81%) |
| #c5d0dd |
rgb(197,208,221) |
hsl(212,27%,82%) |
| #c8d3df |
rgb(200,211,223) |
hsl(212,27%,83%) |
| #cbd5e1 |
rgb(203,213,225) |
hsl(212,27%,84%) |
| #ced8e3 |
rgb(206,216,227) |
hsl(212,27%,85%) |
| #d2dbe5 |
rgb(210,219,229) |
hsl(212,27%,86%) |
| #d5dde7 |
rgb(213,221,231) |
hsl(212,27%,87%) |
| #d8e0e9 |
rgb(216,224,233) |
hsl(212,27%,88%) |
| #dbe2eb |
rgb(219,226,235) |
hsl(212,27%,89%) |
| #dfe5ec |
rgb(223,229,236) |
hsl(212,27%,90%) |
| #e2e8ee |
rgb(226,232,238) |
hsl(212,27%,91%) |
| #e5eaf0 |
rgb(229,234,240) |
hsl(212,27%,92%) |
| #e8edf2 |
rgb(232,237,242) |
hsl(212,27%,93%) |
| #eceff4 |
rgb(236,239,244) |
hsl(212,27%,94%) |
| #eff2f6 |
rgb(239,242,246) |
hsl(212,27%,95%) |
| #f2f5f8 |
rgb(242,245,248) |
hsl(212,27%,96%) |
| #f5f7f9 |
rgb(245,247,249) |
hsl(212,27%,97%) |
| #f9fafb |
rgb(249,250,251) |
hsl(212,27%,98%) |
| #fcfcfd |
rgb(252,252,253) |
hsl(212,27%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5da399 |
rgb(93,163,153) |
hsl(171,28%,50%) |
| #5d7da2 |
rgb(93,125,162) |
hsl(212,27%,50%) |
| #6b5ca2 |
rgb(107,92,162) |
hsl(253,28%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #90a6bf |
rgb(144,166,191) |
hsl(212,27%,66%) |
| #7691b0 |
rgb(118,145,176) |
hsl(212,27%,58%) |
| #5d7da2 |
rgb(93,125,162) |
hsl(212,27%,50%) |
| #4e6988 |
rgb(78,105,136) |
hsl(212,27%,42%) |
| #3f546e |
rgb(63,84,110) |
hsl(213,27%,34%) |
| #304054 |
rgb(48,64,84) |
hsl(213,27%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5d7da2 |
rgb(93,125,162) |
hsl(212,27%,50%) |
| #a25e5d |
rgb(162,94,93) |
hsl(1,27%,50%) |
| #9fa35d |
rgb(159,163,93) |
hsl(63,28%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5d7da2 |
rgb(93,125,162) |
hsl(212,27%,50%) |
| #a2825d |
rgb(162,130,93) |
hsl(32,27%,50%) |
| #5da1a2 |
rgb(93,161,162) |
hsl(181,27%,50%) |
| #9fa35d |
rgb(159,163,93) |
hsl(63,28%,50%) |
