Color HEX #5D7CA2, RGB(93,124,162)
Color name is Horizon. The color #5d7ca2 is a dark shade and slightly desaturated.
Your selected color codes
Palette
5d7ca2 color palette from light to dark
| HEX |
RGB |
HSL |
| #020203 |
rgb(2,2,3) |
hsl(213,27%,1%) |
| #040506 |
rgb(4,5,6) |
hsl(213,27%,2%) |
| #06070a |
rgb(6,7,10) |
hsl(213,27%,3%) |
| #070a0d |
rgb(7,10,13) |
hsl(213,27%,4%) |
| #090c10 |
rgb(9,12,16) |
hsl(213,27%,5%) |
| #0b0f13 |
rgb(11,15,19) |
hsl(213,27%,6%) |
| #0d1117 |
rgb(13,17,23) |
hsl(213,27%,7%) |
| #0f141a |
rgb(15,20,26) |
hsl(213,27%,8%) |
| #11161d |
rgb(17,22,29) |
hsl(213,27%,9%) |
| #131920 |
rgb(19,25,32) |
hsl(213,27%,10%) |
| #141b24 |
rgb(20,27,36) |
hsl(213,27%,11%) |
| #161e27 |
rgb(22,30,39) |
hsl(213,27%,12%) |
| #18202a |
rgb(24,32,42) |
hsl(213,27%,13%) |
| #1a232d |
rgb(26,35,45) |
hsl(213,27%,14%) |
| #1c2531 |
rgb(28,37,49) |
hsl(213,27%,15%) |
| #1e2834 |
rgb(30,40,52) |
hsl(213,27%,16%) |
| #202a37 |
rgb(32,42,55) |
hsl(213,27%,17%) |
| #222d3a |
rgb(34,45,58) |
hsl(213,27%,18%) |
| #232f3e |
rgb(35,47,62) |
hsl(213,27%,19%) |
| #253241 |
rgb(37,50,65) |
hsl(213,27%,20%) |
| #273444 |
rgb(39,52,68) |
hsl(213,27%,21%) |
| #293747 |
rgb(41,55,71) |
hsl(213,27%,22%) |
| #2b394a |
rgb(43,57,74) |
hsl(213,27%,23%) |
| #2d3c4e |
rgb(45,60,78) |
hsl(213,27%,24%) |
| #2f3e51 |
rgb(47,62,81) |
hsl(213,27%,25%) |
| #304154 |
rgb(48,65,84) |
hsl(213,27%,26%) |
| #324357 |
rgb(50,67,87) |
hsl(213,27%,27%) |
| #34455b |
rgb(52,69,91) |
hsl(213,27%,28%) |
| #36485e |
rgb(54,72,94) |
hsl(213,27%,29%) |
| #384a61 |
rgb(56,74,97) |
hsl(213,27%,30%) |
| #3a4d64 |
rgb(58,77,100) |
hsl(213,27%,31%) |
| #3c4f68 |
rgb(60,79,104) |
hsl(213,27%,32%) |
| #3d526b |
rgb(61,82,107) |
hsl(213,27%,33%) |
| #3f546e |
rgb(63,84,110) |
hsl(213,27%,34%) |
| #415771 |
rgb(65,87,113) |
hsl(213,27%,35%) |
| #435975 |
rgb(67,89,117) |
hsl(213,27%,36%) |
| #455c78 |
rgb(69,92,120) |
hsl(213,27%,37%) |
| #475e7b |
rgb(71,94,123) |
hsl(213,27%,38%) |
| #49617e |
rgb(73,97,126) |
hsl(213,27%,39%) |
| #4a6382 |
rgb(74,99,130) |
hsl(213,27%,40%) |
| #4c6685 |
rgb(76,102,133) |
hsl(213,27%,41%) |
| #4e6888 |
rgb(78,104,136) |
hsl(213,27%,42%) |
| #506b8b |
rgb(80,107,139) |
hsl(213,27%,43%) |
| #526d8e |
rgb(82,109,142) |
hsl(213,27%,44%) |
| #547092 |
rgb(84,112,146) |
hsl(213,27%,45%) |
| #567295 |
rgb(86,114,149) |
hsl(213,27%,46%) |
| #577598 |
rgb(87,117,152) |
hsl(213,27%,47%) |
| #59779b |
rgb(89,119,155) |
hsl(213,27%,48%) |
| #5b7a9f |
rgb(91,122,159) |
hsl(213,27%,49%) |
| #5d7ca2 |
rgb(93,124,162) |
hsl(213,27%,50%) |
| #607fa4 |
rgb(96,127,164) |
hsl(213,27%,51%) |
| #6481a6 |
rgb(100,129,166) |
hsl(213,27%,52%) |
| #6784a8 |
rgb(103,132,168) |
hsl(213,27%,53%) |
| #6a87a9 |
rgb(106,135,169) |
hsl(213,27%,54%) |
| #6d89ab |
rgb(109,137,171) |
hsl(213,27%,55%) |
| #718cad |
rgb(113,140,173) |
hsl(213,27%,56%) |
| #748eaf |
rgb(116,142,175) |
hsl(213,27%,57%) |
| #7791b1 |
rgb(119,145,177) |
hsl(213,27%,58%) |
| #7a94b3 |
rgb(122,148,179) |
hsl(213,27%,59%) |
| #7d96b5 |
rgb(125,150,181) |
hsl(213,27%,60%) |
| #8199b6 |
rgb(129,153,182) |
hsl(213,27%,61%) |
| #849bb8 |
rgb(132,155,184) |
hsl(213,27%,62%) |
| #879eba |
rgb(135,158,186) |
hsl(213,27%,63%) |
| #8aa1bc |
rgb(138,161,188) |
hsl(213,27%,64%) |
| #8ea3be |
rgb(142,163,190) |
hsl(213,27%,65%) |
| #91a6c0 |
rgb(145,166,192) |
hsl(213,27%,66%) |
| #94a9c2 |
rgb(148,169,194) |
hsl(213,27%,67%) |
| #97abc3 |
rgb(151,171,195) |
hsl(213,27%,68%) |
| #9baec5 |
rgb(155,174,197) |
hsl(213,27%,69%) |
| #9eb0c7 |
rgb(158,176,199) |
hsl(213,27%,70%) |
| #a1b3c9 |
rgb(161,179,201) |
hsl(213,27%,71%) |
| #a4b6cb |
rgb(164,182,203) |
hsl(213,27%,72%) |
| #a8b8cd |
rgb(168,184,205) |
hsl(213,27%,73%) |
| #abbbcf |
rgb(171,187,207) |
hsl(213,27%,74%) |
| #aebed0 |
rgb(174,190,208) |
hsl(213,27%,75%) |
| #b1c0d2 |
rgb(177,192,210) |
hsl(213,27%,76%) |
| #b5c3d4 |
rgb(181,195,212) |
hsl(213,27%,77%) |
| #b8c5d6 |
rgb(184,197,214) |
hsl(213,27%,78%) |
| #bbc8d8 |
rgb(187,200,216) |
hsl(213,27%,79%) |
| #becbda |
rgb(190,203,218) |
hsl(213,27%,80%) |
| #c1cddc |
rgb(193,205,220) |
hsl(213,27%,81%) |
| #c5d0dd |
rgb(197,208,221) |
hsl(213,27%,82%) |
| #c8d2df |
rgb(200,210,223) |
hsl(213,27%,83%) |
| #cbd5e1 |
rgb(203,213,225) |
hsl(213,27%,84%) |
| #ced8e3 |
rgb(206,216,227) |
hsl(213,27%,85%) |
| #d2dae5 |
rgb(210,218,229) |
hsl(213,27%,86%) |
| #d5dde7 |
rgb(213,221,231) |
hsl(213,27%,87%) |
| #d8e0e9 |
rgb(216,224,233) |
hsl(213,27%,88%) |
| #dbe2eb |
rgb(219,226,235) |
hsl(213,27%,89%) |
| #dfe5ec |
rgb(223,229,236) |
hsl(213,27%,90%) |
| #e2e7ee |
rgb(226,231,238) |
hsl(213,27%,91%) |
| #e5eaf0 |
rgb(229,234,240) |
hsl(213,27%,92%) |
| #e8edf2 |
rgb(232,237,242) |
hsl(213,27%,93%) |
| #eceff4 |
rgb(236,239,244) |
hsl(213,27%,94%) |
| #eff2f6 |
rgb(239,242,246) |
hsl(213,27%,95%) |
| #f2f5f8 |
rgb(242,245,248) |
hsl(213,27%,96%) |
| #f5f7f9 |
rgb(245,247,249) |
hsl(213,27%,97%) |
| #f9fafb |
rgb(249,250,251) |
hsl(213,27%,98%) |
| #fcfcfd |
rgb(252,252,253) |
hsl(213,27%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5da39a |
rgb(93,163,154) |
hsl(172,28%,50%) |
| #5d7ca2 |
rgb(93,124,162) |
hsl(213,27%,50%) |
| #6c5ca2 |
rgb(108,92,162) |
hsl(254,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%) |
| #5d7ca2 |
rgb(93,124,162) |
hsl(213,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 |
| #5d7ca2 |
rgb(93,124,162) |
hsl(213,27%,50%) |
| #a2615d |
rgb(162,97,93) |
hsl(3,27%,50%) |
| #9ea35d |
rgb(158,163,93) |
hsl(64,28%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5d7ca2 |
rgb(93,124,162) |
hsl(213,27%,50%) |
| #a2825d |
rgb(162,130,93) |
hsl(32,27%,50%) |
| #5d9ea2 |
rgb(93,158,162) |
hsl(183,27%,50%) |
| #9ea35d |
rgb(158,163,93) |
hsl(64,28%,50%) |
