Color HEX #5978A6, RGB(89,120,166)
Color name is Waikawa Gray. The color #5978a6 is a dark shade and slightly desaturated.
Your selected color codes
Palette
5978a6 color palette from light to dark
| HEX |
RGB |
HSL |
| #020203 |
rgb(2,2,3) |
hsl(216,30%,1%) |
| #040507 |
rgb(4,5,7) |
hsl(216,30%,2%) |
| #05070a |
rgb(5,7,10) |
hsl(216,30%,3%) |
| #070a0d |
rgb(7,10,13) |
hsl(216,30%,4%) |
| #090c11 |
rgb(9,12,17) |
hsl(216,30%,5%) |
| #0b0e14 |
rgb(11,14,20) |
hsl(216,30%,6%) |
| #0c1117 |
rgb(12,17,23) |
hsl(216,30%,7%) |
| #0e131b |
rgb(14,19,27) |
hsl(216,30%,8%) |
| #10161e |
rgb(16,22,30) |
hsl(216,30%,9%) |
| #121821 |
rgb(18,24,33) |
hsl(216,30%,10%) |
| #141a24 |
rgb(20,26,36) |
hsl(216,30%,11%) |
| #151d28 |
rgb(21,29,40) |
hsl(216,30%,12%) |
| #171f2b |
rgb(23,31,43) |
hsl(216,30%,13%) |
| #19222e |
rgb(25,34,46) |
hsl(216,30%,14%) |
| #1b2432 |
rgb(27,36,50) |
hsl(216,30%,15%) |
| #1d2635 |
rgb(29,38,53) |
hsl(216,30%,16%) |
| #1e2938 |
rgb(30,41,56) |
hsl(216,30%,17%) |
| #202b3c |
rgb(32,43,60) |
hsl(216,30%,18%) |
| #222e3f |
rgb(34,46,63) |
hsl(216,30%,19%) |
| #243042 |
rgb(36,48,66) |
hsl(216,30%,20%) |
| #253246 |
rgb(37,50,70) |
hsl(216,30%,21%) |
| #273549 |
rgb(39,53,73) |
hsl(216,30%,22%) |
| #29374c |
rgb(41,55,76) |
hsl(216,30%,23%) |
| #2b3a50 |
rgb(43,58,80) |
hsl(216,30%,24%) |
| #2d3c53 |
rgb(45,60,83) |
hsl(216,30%,25%) |
| #2e3e56 |
rgb(46,62,86) |
hsl(216,30%,26%) |
| #30415a |
rgb(48,65,90) |
hsl(216,30%,27%) |
| #32435d |
rgb(50,67,93) |
hsl(216,30%,28%) |
| #344660 |
rgb(52,70,96) |
hsl(216,30%,29%) |
| #364863 |
rgb(54,72,99) |
hsl(216,30%,30%) |
| #374a67 |
rgb(55,74,103) |
hsl(216,30%,31%) |
| #394d6a |
rgb(57,77,106) |
hsl(216,30%,32%) |
| #3b4f6d |
rgb(59,79,109) |
hsl(216,30%,33%) |
| #3d5171 |
rgb(61,81,113) |
hsl(216,30%,34%) |
| #3e5474 |
rgb(62,84,116) |
hsl(216,30%,35%) |
| #405677 |
rgb(64,86,119) |
hsl(216,30%,36%) |
| #42597b |
rgb(66,89,123) |
hsl(216,30%,37%) |
| #445b7e |
rgb(68,91,126) |
hsl(216,30%,38%) |
| #465d81 |
rgb(70,93,129) |
hsl(216,30%,39%) |
| #476085 |
rgb(71,96,133) |
hsl(216,30%,40%) |
| #496288 |
rgb(73,98,136) |
hsl(216,30%,41%) |
| #4b658b |
rgb(75,101,139) |
hsl(216,30%,42%) |
| #4d678f |
rgb(77,103,143) |
hsl(216,30%,43%) |
| #4f6992 |
rgb(79,105,146) |
hsl(216,30%,44%) |
| #506c95 |
rgb(80,108,149) |
hsl(216,30%,45%) |
| #526e98 |
rgb(82,110,152) |
hsl(216,30%,46%) |
| #54719c |
rgb(84,113,156) |
hsl(216,30%,47%) |
| #56739f |
rgb(86,115,159) |
hsl(216,30%,48%) |
| #5775a2 |
rgb(87,117,162) |
hsl(216,30%,49%) |
| #5978a6 |
rgb(89,120,166) |
hsl(216,30%,50%) |
| #5d7ba8 |
rgb(93,123,168) |
hsl(216,30%,51%) |
| #607da9 |
rgb(96,125,169) |
hsl(216,30%,52%) |
| #6380ab |
rgb(99,128,171) |
hsl(216,30%,53%) |
| #6783ad |
rgb(103,131,173) |
hsl(216,30%,54%) |
| #6a85af |
rgb(106,133,175) |
hsl(216,30%,55%) |
| #6d88b0 |
rgb(109,136,176) |
hsl(216,30%,56%) |
| #708bb2 |
rgb(112,139,178) |
hsl(216,30%,57%) |
| #748db4 |
rgb(116,141,180) |
hsl(216,30%,58%) |
| #7790b6 |
rgb(119,144,182) |
hsl(216,30%,59%) |
| #7a93b8 |
rgb(122,147,184) |
hsl(216,30%,60%) |
| #7e96b9 |
rgb(126,150,185) |
hsl(216,30%,61%) |
| #8198bb |
rgb(129,152,187) |
hsl(216,30%,62%) |
| #849bbd |
rgb(132,155,189) |
hsl(216,30%,63%) |
| #889ebf |
rgb(136,158,191) |
hsl(216,30%,64%) |
| #8ba0c1 |
rgb(139,160,193) |
hsl(216,30%,65%) |
| #8ea3c2 |
rgb(142,163,194) |
hsl(216,30%,66%) |
| #92a6c4 |
rgb(146,166,196) |
hsl(216,30%,67%) |
| #95a9c6 |
rgb(149,169,198) |
hsl(216,30%,68%) |
| #98abc8 |
rgb(152,171,200) |
hsl(216,30%,69%) |
| #9caec9 |
rgb(156,174,201) |
hsl(216,30%,70%) |
| #9fb1cb |
rgb(159,177,203) |
hsl(216,30%,71%) |
| #a2b3cd |
rgb(162,179,205) |
hsl(216,30%,72%) |
| #a5b6cf |
rgb(165,182,207) |
hsl(216,30%,73%) |
| #a9b9d1 |
rgb(169,185,209) |
hsl(216,30%,74%) |
| #acbbd2 |
rgb(172,187,210) |
hsl(216,30%,75%) |
| #afbed4 |
rgb(175,190,212) |
hsl(216,30%,76%) |
| #b3c1d6 |
rgb(179,193,214) |
hsl(216,30%,77%) |
| #b6c4d8 |
rgb(182,196,216) |
hsl(216,30%,78%) |
| #b9c6da |
rgb(185,198,218) |
hsl(216,30%,79%) |
| #bdc9db |
rgb(189,201,219) |
hsl(216,30%,80%) |
| #c0ccdd |
rgb(192,204,221) |
hsl(216,30%,81%) |
| #c3cedf |
rgb(195,206,223) |
hsl(216,30%,82%) |
| #c7d1e1 |
rgb(199,209,225) |
hsl(216,30%,83%) |
| #cad4e2 |
rgb(202,212,226) |
hsl(216,30%,84%) |
| #cdd6e4 |
rgb(205,214,228) |
hsl(216,30%,85%) |
| #d1d9e6 |
rgb(209,217,230) |
hsl(216,30%,86%) |
| #d4dce8 |
rgb(212,220,232) |
hsl(216,30%,87%) |
| #d7dfea |
rgb(215,223,234) |
hsl(216,30%,88%) |
| #dbe1eb |
rgb(219,225,235) |
hsl(216,30%,89%) |
| #dee4ed |
rgb(222,228,237) |
hsl(216,30%,90%) |
| #e1e7ef |
rgb(225,231,239) |
hsl(216,30%,91%) |
| #e4e9f1 |
rgb(228,233,241) |
hsl(216,30%,92%) |
| #e8ecf3 |
rgb(232,236,243) |
hsl(216,30%,93%) |
| #ebeff4 |
rgb(235,239,244) |
hsl(216,30%,94%) |
| #eef1f6 |
rgb(238,241,246) |
hsl(216,30%,95%) |
| #f2f4f8 |
rgb(242,244,248) |
hsl(216,30%,96%) |
| #f5f7fa |
rgb(245,247,250) |
hsl(216,30%,97%) |
| #f8fafb |
rgb(248,250,251) |
hsl(216,30%,98%) |
| #fcfcfd |
rgb(252,252,253) |
hsl(216,30%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #59a6a0 |
rgb(89,166,160) |
hsl(175,30%,50%) |
| #5978a6 |
rgb(89,120,166) |
hsl(216,30%,50%) |
| #6d59a6 |
rgb(109,89,166) |
hsl(256,30%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8ea3c2 |
rgb(142,163,194) |
hsl(216,30%,66%) |
| #738fb4 |
rgb(115,143,180) |
hsl(214,30%,58%) |
| #5978a6 |
rgb(89,120,166) |
hsl(216,30%,50%) |
| #4a668b |
rgb(74,102,139) |
hsl(214,31%,42%) |
| #3c5270 |
rgb(60,82,112) |
hsl(215,30%,34%) |
| #2e3d56 |
rgb(46,61,86) |
hsl(218,30%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5978a6 |
rgb(89,120,166) |
hsl(216,30%,50%) |
| #a66159 |
rgb(166,97,89) |
hsl(6,30%,50%) |
| #9ea659 |
rgb(158,166,89) |
hsl(66,30%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5978a6 |
rgb(89,120,166) |
hsl(216,30%,50%) |
| #a68759 |
rgb(166,135,89) |
hsl(36,30%,50%) |
| #599ea6 |
rgb(89,158,166) |
hsl(186,30%,50%) |
| #9ea659 |
rgb(158,166,89) |
hsl(66,30%,50%) |
