Color HEX #5778A8, RGB(87,120,168)
Color name is Wedgewood. The color #5778a8 is a dark shade and slightly desaturated.
Palette
5778a8 color palette from light to dark
| HEX |
RGB |
HSL |
| #020203 |
rgb(2,2,3) |
hsl(216,32%,1%) |
| #030507 |
rgb(3,5,7) |
hsl(216,32%,2%) |
| #05070a |
rgb(5,7,10) |
hsl(216,32%,3%) |
| #070a0d |
rgb(7,10,13) |
hsl(216,32%,4%) |
| #090c11 |
rgb(9,12,17) |
hsl(216,32%,5%) |
| #0a0e14 |
rgb(10,14,20) |
hsl(216,32%,6%) |
| #0c1118 |
rgb(12,17,24) |
hsl(216,32%,7%) |
| #0e131b |
rgb(14,19,27) |
hsl(216,32%,8%) |
| #10151e |
rgb(16,21,30) |
hsl(216,32%,9%) |
| #111822 |
rgb(17,24,34) |
hsl(216,32%,10%) |
| #131a25 |
rgb(19,26,37) |
hsl(216,32%,11%) |
| #151d28 |
rgb(21,29,40) |
hsl(216,32%,12%) |
| #171f2c |
rgb(23,31,44) |
hsl(216,32%,13%) |
| #18212f |
rgb(24,33,47) |
hsl(216,32%,14%) |
| #1a2432 |
rgb(26,36,50) |
hsl(216,32%,15%) |
| #1c2636 |
rgb(28,38,54) |
hsl(216,32%,16%) |
| #1d2939 |
rgb(29,41,57) |
hsl(216,32%,17%) |
| #1f2b3d |
rgb(31,43,61) |
hsl(216,32%,18%) |
| #212d40 |
rgb(33,45,64) |
hsl(216,32%,19%) |
| #233043 |
rgb(35,48,67) |
hsl(216,32%,20%) |
| #243247 |
rgb(36,50,71) |
hsl(216,32%,21%) |
| #26354a |
rgb(38,53,74) |
hsl(216,32%,22%) |
| #28374d |
rgb(40,55,77) |
hsl(216,32%,23%) |
| #2a3951 |
rgb(42,57,81) |
hsl(216,32%,24%) |
| #2b3c54 |
rgb(43,60,84) |
hsl(216,32%,25%) |
| #2d3e58 |
rgb(45,62,88) |
hsl(216,32%,26%) |
| #2f405b |
rgb(47,64,91) |
hsl(216,32%,27%) |
| #31435e |
rgb(49,67,94) |
hsl(216,32%,28%) |
| #324562 |
rgb(50,69,98) |
hsl(216,32%,29%) |
| #344865 |
rgb(52,72,101) |
hsl(216,32%,30%) |
| #364a68 |
rgb(54,74,104) |
hsl(216,32%,31%) |
| #374c6c |
rgb(55,76,108) |
hsl(216,32%,32%) |
| #394f6f |
rgb(57,79,111) |
hsl(216,32%,33%) |
| #3b5172 |
rgb(59,81,114) |
hsl(216,32%,34%) |
| #3d5476 |
rgb(61,84,118) |
hsl(216,32%,35%) |
| #3e5679 |
rgb(62,86,121) |
hsl(216,32%,36%) |
| #40587d |
rgb(64,88,125) |
hsl(216,32%,37%) |
| #425b80 |
rgb(66,91,128) |
hsl(216,32%,38%) |
| #445d83 |
rgb(68,93,131) |
hsl(216,32%,39%) |
| #455f87 |
rgb(69,95,135) |
hsl(216,32%,40%) |
| #47628a |
rgb(71,98,138) |
hsl(216,32%,41%) |
| #49648d |
rgb(73,100,141) |
hsl(216,32%,42%) |
| #4b6791 |
rgb(75,103,145) |
hsl(216,32%,43%) |
| #4c6994 |
rgb(76,105,148) |
hsl(216,32%,44%) |
| #4e6b97 |
rgb(78,107,151) |
hsl(216,32%,45%) |
| #506e9b |
rgb(80,110,155) |
hsl(216,32%,46%) |
| #51709e |
rgb(81,112,158) |
hsl(216,32%,47%) |
| #5373a2 |
rgb(83,115,162) |
hsl(216,32%,48%) |
| #5575a5 |
rgb(85,117,165) |
hsl(216,32%,49%) |
| #5777a8 |
rgb(87,119,168) |
hsl(216,32%,50%) |
| #5a7aaa |
rgb(90,122,170) |
hsl(216,32%,51%) |
| #5d7dac |
rgb(93,125,172) |
hsl(216,32%,52%) |
| #617fae |
rgb(97,127,174) |
hsl(216,32%,53%) |
| #6482af |
rgb(100,130,175) |
hsl(216,32%,54%) |
| #6885b1 |
rgb(104,133,177) |
hsl(216,32%,55%) |
| #6b88b3 |
rgb(107,136,179) |
hsl(216,32%,56%) |
| #6e8ab4 |
rgb(110,138,180) |
hsl(216,32%,57%) |
| #728db6 |
rgb(114,141,182) |
hsl(216,32%,58%) |
| #7590b8 |
rgb(117,144,184) |
hsl(216,32%,59%) |
| #7892ba |
rgb(120,146,186) |
hsl(216,32%,60%) |
| #7c95bb |
rgb(124,149,187) |
hsl(216,32%,61%) |
| #7f98bd |
rgb(127,152,189) |
hsl(216,32%,62%) |
| #829bbf |
rgb(130,155,191) |
hsl(216,32%,63%) |
| #869dc1 |
rgb(134,157,193) |
hsl(216,32%,64%) |
| #89a0c2 |
rgb(137,160,194) |
hsl(216,32%,65%) |
| #8da3c4 |
rgb(141,163,196) |
hsl(216,32%,66%) |
| #90a5c6 |
rgb(144,165,198) |
hsl(216,32%,67%) |
| #93a8c8 |
rgb(147,168,200) |
hsl(216,32%,68%) |
| #97abc9 |
rgb(151,171,201) |
hsl(216,32%,69%) |
| #9aaecb |
rgb(154,174,203) |
hsl(216,32%,70%) |
| #9db0cd |
rgb(157,176,205) |
hsl(216,32%,71%) |
| #a1b3ce |
rgb(161,179,206) |
hsl(216,32%,72%) |
| #a4b6d0 |
rgb(164,182,208) |
hsl(216,32%,73%) |
| #a7b8d2 |
rgb(167,184,210) |
hsl(216,32%,74%) |
| #abbbd4 |
rgb(171,187,212) |
hsl(216,32%,75%) |
| #aebed5 |
rgb(174,190,213) |
hsl(216,32%,76%) |
| #b2c1d7 |
rgb(178,193,215) |
hsl(216,32%,77%) |
| #b5c3d9 |
rgb(181,195,217) |
hsl(216,32%,78%) |
| #b8c6db |
rgb(184,198,219) |
hsl(216,32%,79%) |
| #bcc9dc |
rgb(188,201,220) |
hsl(216,32%,80%) |
| #bfcbde |
rgb(191,203,222) |
hsl(216,32%,81%) |
| #c2cee0 |
rgb(194,206,224) |
hsl(216,32%,82%) |
| #c6d1e2 |
rgb(198,209,226) |
hsl(216,32%,83%) |
| #c9d4e3 |
rgb(201,212,227) |
hsl(216,32%,84%) |
| #cdd6e5 |
rgb(205,214,229) |
hsl(216,32%,85%) |
| #d0d9e7 |
rgb(208,217,231) |
hsl(216,32%,86%) |
| #d3dce8 |
rgb(211,220,232) |
hsl(216,32%,87%) |
| #d7deea |
rgb(215,222,234) |
hsl(216,32%,88%) |
| #dae1ec |
rgb(218,225,236) |
hsl(216,32%,89%) |
| #dde4ee |
rgb(221,228,238) |
hsl(216,32%,90%) |
| #e1e7ef |
rgb(225,231,239) |
hsl(216,32%,91%) |
| #e4e9f1 |
rgb(228,233,241) |
hsl(216,32%,92%) |
| #e7ecf3 |
rgb(231,236,243) |
hsl(216,32%,93%) |
| #ebeff5 |
rgb(235,239,245) |
hsl(216,32%,94%) |
| #eef1f6 |
rgb(238,241,246) |
hsl(216,32%,95%) |
| #f2f4f8 |
rgb(242,244,248) |
hsl(216,32%,96%) |
| #f5f7fa |
rgb(245,247,250) |
hsl(216,32%,97%) |
| #f8fafc |
rgb(248,250,252) |
hsl(216,32%,98%) |
| #fcfcfd |
rgb(252,252,253) |
hsl(216,32%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #57a8a2 |
rgb(87,168,162) |
hsl(176,32%,50%) |
| #5778a8 |
rgb(87,120,168) |
hsl(216,32%,50%) |
| #6c57a8 |
rgb(108,87,168) |
hsl(256,32%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8ca3c3 |
rgb(140,163,195) |
hsl(215,31%,66%) |
| #718fb5 |
rgb(113,143,181) |
hsl(214,31%,58%) |
| #5778a8 |
rgb(87,120,168) |
hsl(216,32%,50%) |
| #49668d |
rgb(73,102,141) |
hsl(214,32%,42%) |
| #3b5272 |
rgb(59,82,114) |
hsl(215,32%,34%) |
| #2d3d57 |
rgb(45,61,87) |
hsl(217,32%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5778a8 |
rgb(87,120,168) |
hsl(216,32%,50%) |
| #a85e57 |
rgb(168,94,87) |
hsl(5,32%,50%) |
| #a0a857 |
rgb(160,168,87) |
hsl(66,32%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5778a8 |
rgb(87,120,168) |
hsl(216,32%,50%) |
| #a88757 |
rgb(168,135,87) |
hsl(36,32%,50%) |
| #57a1a8 |
rgb(87,161,168) |
hsl(185,32%,50%) |
| #a0a857 |
rgb(160,168,87) |
hsl(66,32%,50%) |
