Color HEX #5B78A4, RGB(91,120,164)
Color name is Waikawa Gray. The color #5b78a4 is a dark shade and slightly desaturated.
Your selected color codes
Palette
5b78a4 color palette from light to dark
| HEX |
RGB |
HSL |
| #020203 |
rgb(2,2,3) |
hsl(216,29%,1%) |
| #040507 |
rgb(4,5,7) |
hsl(216,29%,2%) |
| #05070a |
rgb(5,7,10) |
hsl(216,29%,3%) |
| #070a0d |
rgb(7,10,13) |
hsl(216,29%,4%) |
| #090c10 |
rgb(9,12,16) |
hsl(216,29%,5%) |
| #0b0e14 |
rgb(11,14,20) |
hsl(216,29%,6%) |
| #0d1117 |
rgb(13,17,23) |
hsl(216,29%,7%) |
| #0e131a |
rgb(14,19,26) |
hsl(216,29%,8%) |
| #10161e |
rgb(16,22,30) |
hsl(216,29%,9%) |
| #121821 |
rgb(18,24,33) |
hsl(216,29%,10%) |
| #141a24 |
rgb(20,26,36) |
hsl(216,29%,11%) |
| #161d27 |
rgb(22,29,39) |
hsl(216,29%,12%) |
| #181f2b |
rgb(24,31,43) |
hsl(216,29%,13%) |
| #19222e |
rgb(25,34,46) |
hsl(216,29%,14%) |
| #1b2431 |
rgb(27,36,49) |
hsl(216,29%,15%) |
| #1d2635 |
rgb(29,38,53) |
hsl(216,29%,16%) |
| #1f2938 |
rgb(31,41,56) |
hsl(216,29%,17%) |
| #212b3b |
rgb(33,43,59) |
hsl(216,29%,18%) |
| #222e3f |
rgb(34,46,63) |
hsl(216,29%,19%) |
| #243042 |
rgb(36,48,66) |
hsl(216,29%,20%) |
| #263245 |
rgb(38,50,69) |
hsl(216,29%,21%) |
| #283548 |
rgb(40,53,72) |
hsl(216,29%,22%) |
| #2a374c |
rgb(42,55,76) |
hsl(216,29%,23%) |
| #2b3a4f |
rgb(43,58,79) |
hsl(216,29%,24%) |
| #2d3c52 |
rgb(45,60,82) |
hsl(216,29%,25%) |
| #2f3e56 |
rgb(47,62,86) |
hsl(216,29%,26%) |
| #314159 |
rgb(49,65,89) |
hsl(216,29%,27%) |
| #33435c |
rgb(51,67,92) |
hsl(216,29%,28%) |
| #35465f |
rgb(53,70,95) |
hsl(216,29%,29%) |
| #364863 |
rgb(54,72,99) |
hsl(216,29%,30%) |
| #384a66 |
rgb(56,74,102) |
hsl(216,29%,31%) |
| #3a4d69 |
rgb(58,77,105) |
hsl(216,29%,32%) |
| #3c4f6d |
rgb(60,79,109) |
hsl(216,29%,33%) |
| #3e5270 |
rgb(62,82,112) |
hsl(216,29%,34%) |
| #3f5473 |
rgb(63,84,115) |
hsl(216,29%,35%) |
| #415676 |
rgb(65,86,118) |
hsl(216,29%,36%) |
| #43597a |
rgb(67,89,122) |
hsl(216,29%,37%) |
| #455b7d |
rgb(69,91,125) |
hsl(216,29%,38%) |
| #475e80 |
rgb(71,94,128) |
hsl(216,29%,39%) |
| #486084 |
rgb(72,96,132) |
hsl(216,29%,40%) |
| #4a6287 |
rgb(74,98,135) |
hsl(216,29%,41%) |
| #4c658a |
rgb(76,101,138) |
hsl(216,29%,42%) |
| #4e678d |
rgb(78,103,141) |
hsl(216,29%,43%) |
| #506a91 |
rgb(80,106,145) |
hsl(216,29%,44%) |
| #516c94 |
rgb(81,108,148) |
hsl(216,29%,45%) |
| #536e97 |
rgb(83,110,151) |
hsl(216,29%,46%) |
| #55719b |
rgb(85,113,155) |
hsl(216,29%,47%) |
| #57739e |
rgb(87,115,158) |
hsl(216,29%,48%) |
| #5976a1 |
rgb(89,118,161) |
hsl(216,29%,49%) |
| #5b78a4 |
rgb(91,120,164) |
hsl(216,29%,50%) |
| #5e7ba6 |
rgb(94,123,166) |
hsl(216,29%,51%) |
| #617ea8 |
rgb(97,126,168) |
hsl(216,29%,52%) |
| #6480aa |
rgb(100,128,170) |
hsl(216,29%,53%) |
| #6883ac |
rgb(104,131,172) |
hsl(216,29%,54%) |
| #6b86ae |
rgb(107,134,174) |
hsl(216,29%,55%) |
| #6e88af |
rgb(110,136,175) |
hsl(216,29%,56%) |
| #728bb1 |
rgb(114,139,177) |
hsl(216,29%,57%) |
| #758eb3 |
rgb(117,142,179) |
hsl(216,29%,58%) |
| #7890b5 |
rgb(120,144,181) |
hsl(216,29%,59%) |
| #7b93b7 |
rgb(123,147,183) |
hsl(216,29%,60%) |
| #7f96b8 |
rgb(127,150,184) |
hsl(216,29%,61%) |
| #8298ba |
rgb(130,152,186) |
hsl(216,29%,62%) |
| #859bbc |
rgb(133,155,188) |
hsl(216,29%,63%) |
| #899ebe |
rgb(137,158,190) |
hsl(216,29%,64%) |
| #8ca1c0 |
rgb(140,161,192) |
hsl(216,29%,65%) |
| #8fa3c1 |
rgb(143,163,193) |
hsl(216,29%,66%) |
| #92a6c3 |
rgb(146,166,195) |
hsl(216,29%,67%) |
| #96a9c5 |
rgb(150,169,197) |
hsl(216,29%,68%) |
| #99abc7 |
rgb(153,171,199) |
hsl(216,29%,69%) |
| #9caec9 |
rgb(156,174,201) |
hsl(216,29%,70%) |
| #a0b1ca |
rgb(160,177,202) |
hsl(216,29%,71%) |
| #a3b3cc |
rgb(163,179,204) |
hsl(216,29%,72%) |
| #a6b6ce |
rgb(166,182,206) |
hsl(216,29%,73%) |
| #a9b9d0 |
rgb(169,185,208) |
hsl(216,29%,74%) |
| #adbcd2 |
rgb(173,188,210) |
hsl(216,29%,75%) |
| #b0bed4 |
rgb(176,190,212) |
hsl(216,29%,76%) |
| #b3c1d5 |
rgb(179,193,213) |
hsl(216,29%,77%) |
| #b7c4d7 |
rgb(183,196,215) |
hsl(216,29%,78%) |
| #bac6d9 |
rgb(186,198,217) |
hsl(216,29%,79%) |
| #bdc9db |
rgb(189,201,219) |
hsl(216,29%,80%) |
| #c0ccdd |
rgb(192,204,221) |
hsl(216,29%,81%) |
| #c4cede |
rgb(196,206,222) |
hsl(216,29%,82%) |
| #c7d1e0 |
rgb(199,209,224) |
hsl(216,29%,83%) |
| #cad4e2 |
rgb(202,212,226) |
hsl(216,29%,84%) |
| #ced7e4 |
rgb(206,215,228) |
hsl(216,29%,85%) |
| #d1d9e6 |
rgb(209,217,230) |
hsl(216,29%,86%) |
| #d4dce7 |
rgb(212,220,231) |
hsl(216,29%,87%) |
| #d8dfe9 |
rgb(216,223,233) |
hsl(216,29%,88%) |
| #dbe1eb |
rgb(219,225,235) |
hsl(216,29%,89%) |
| #dee4ed |
rgb(222,228,237) |
hsl(216,29%,90%) |
| #e1e7ef |
rgb(225,231,239) |
hsl(216,29%,91%) |
| #e5e9f1 |
rgb(229,233,241) |
hsl(216,29%,92%) |
| #e8ecf2 |
rgb(232,236,242) |
hsl(216,29%,93%) |
| #ebeff4 |
rgb(235,239,244) |
hsl(216,29%,94%) |
| #eff2f6 |
rgb(239,242,246) |
hsl(216,29%,95%) |
| #f2f4f8 |
rgb(242,244,248) |
hsl(216,29%,96%) |
| #f5f7fa |
rgb(245,247,250) |
hsl(216,29%,97%) |
| #f8fafb |
rgb(248,250,251) |
hsl(216,29%,98%) |
| #fcfcfd |
rgb(252,252,253) |
hsl(216,29%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5ba39f |
rgb(91,163,159) |
hsl(177,28%,50%) |
| #5b78a4 |
rgb(91,120,164) |
hsl(216,29%,50%) |
| #6e5ca4 |
rgb(110,92,164) |
hsl(255,28%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8fa3c1 |
rgb(143,163,193) |
hsl(216,29%,66%) |
| #758fb2 |
rgb(117,143,178) |
hsl(214,28%,58%) |
| #5b78a4 |
rgb(91,120,164) |
hsl(216,29%,50%) |
| #4c6689 |
rgb(76,102,137) |
hsl(214,29%,42%) |
| #3d526f |
rgb(61,82,111) |
hsl(215,29%,34%) |
| #2f3d55 |
rgb(47,61,85) |
hsl(218,29%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5b78a4 |
rgb(91,120,164) |
hsl(216,29%,50%) |
| #a4635b |
rgb(164,99,91) |
hsl(7,29%,50%) |
| #9ca35b |
rgb(156,163,91) |
hsl(66,28%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5b78a4 |
rgb(91,120,164) |
hsl(216,29%,50%) |
| #a4875b |
rgb(164,135,91) |
hsl(36,29%,50%) |
| #5b9ca4 |
rgb(91,156,164) |
hsl(187,29%,50%) |
| #9ca35b |
rgb(156,163,91) |
hsl(66,28%,50%) |
