Color HEX #5978A7, RGB(89,120,167)
Color name is Waikawa Gray. The color #5978a7 is a dark shade and slightly desaturated.
Palette
5978a7 color palette from light to dark
| HEX |
RGB |
HSL |
| #020203 |
rgb(2,2,3) |
hsl(216,31%,1%) |
| #040507 |
rgb(4,5,7) |
hsl(216,31%,2%) |
| #05070a |
rgb(5,7,10) |
hsl(216,31%,3%) |
| #070a0d |
rgb(7,10,13) |
hsl(216,31%,4%) |
| #090c11 |
rgb(9,12,17) |
hsl(216,31%,5%) |
| #0b0e14 |
rgb(11,14,20) |
hsl(216,31%,6%) |
| #0c1117 |
rgb(12,17,23) |
hsl(216,31%,7%) |
| #0e131b |
rgb(14,19,27) |
hsl(216,31%,8%) |
| #10161e |
rgb(16,22,30) |
hsl(216,31%,9%) |
| #121821 |
rgb(18,24,33) |
hsl(216,31%,10%) |
| #131a25 |
rgb(19,26,37) |
hsl(216,31%,11%) |
| #151d28 |
rgb(21,29,40) |
hsl(216,31%,12%) |
| #171f2b |
rgb(23,31,43) |
hsl(216,31%,13%) |
| #19212f |
rgb(25,33,47) |
hsl(216,31%,14%) |
| #1a2432 |
rgb(26,36,50) |
hsl(216,31%,15%) |
| #1c2635 |
rgb(28,38,53) |
hsl(216,31%,16%) |
| #1e2939 |
rgb(30,41,57) |
hsl(216,31%,17%) |
| #202b3c |
rgb(32,43,60) |
hsl(216,31%,18%) |
| #212d3f |
rgb(33,45,63) |
hsl(216,31%,19%) |
| #233043 |
rgb(35,48,67) |
hsl(216,31%,20%) |
| #253246 |
rgb(37,50,70) |
hsl(216,31%,21%) |
| #273549 |
rgb(39,53,73) |
hsl(216,31%,22%) |
| #28374d |
rgb(40,55,77) |
hsl(216,31%,23%) |
| #2a3950 |
rgb(42,57,80) |
hsl(216,31%,24%) |
| #2c3c54 |
rgb(44,60,84) |
hsl(216,31%,25%) |
| #2e3e57 |
rgb(46,62,87) |
hsl(216,31%,26%) |
| #30415a |
rgb(48,65,90) |
hsl(216,31%,27%) |
| #31435e |
rgb(49,67,94) |
hsl(216,31%,28%) |
| #334561 |
rgb(51,69,97) |
hsl(216,31%,29%) |
| #354864 |
rgb(53,72,100) |
hsl(216,31%,30%) |
| #374a68 |
rgb(55,74,104) |
hsl(216,31%,31%) |
| #384d6b |
rgb(56,77,107) |
hsl(216,31%,32%) |
| #3a4f6e |
rgb(58,79,110) |
hsl(216,31%,33%) |
| #3c5172 |
rgb(60,81,114) |
hsl(216,31%,34%) |
| #3e5475 |
rgb(62,84,117) |
hsl(216,31%,35%) |
| #3f5678 |
rgb(63,86,120) |
hsl(216,31%,36%) |
| #41597c |
rgb(65,89,124) |
hsl(216,31%,37%) |
| #435b7f |
rgb(67,91,127) |
hsl(216,31%,38%) |
| #455d82 |
rgb(69,93,130) |
hsl(216,31%,39%) |
| #466086 |
rgb(70,96,134) |
hsl(216,31%,40%) |
| #486289 |
rgb(72,98,137) |
hsl(216,31%,41%) |
| #4a648c |
rgb(74,100,140) |
hsl(216,31%,42%) |
| #4c6790 |
rgb(76,103,144) |
hsl(216,31%,43%) |
| #4d6993 |
rgb(77,105,147) |
hsl(216,31%,44%) |
| #4f6c96 |
rgb(79,108,150) |
hsl(216,31%,45%) |
| #516e9a |
rgb(81,110,154) |
hsl(216,31%,46%) |
| #53709d |
rgb(83,112,157) |
hsl(216,31%,47%) |
| #5473a0 |
rgb(84,115,160) |
hsl(216,31%,48%) |
| #5675a4 |
rgb(86,117,164) |
hsl(216,31%,49%) |
| #5878a7 |
rgb(88,120,167) |
hsl(216,31%,50%) |
| #5b7aa9 |
rgb(91,122,169) |
hsl(216,31%,51%) |
| #5f7dab |
rgb(95,125,171) |
hsl(216,31%,52%) |
| #6280ac |
rgb(98,128,172) |
hsl(216,31%,53%) |
| #6582ae |
rgb(101,130,174) |
hsl(216,31%,54%) |
| #6985b0 |
rgb(105,133,176) |
hsl(216,31%,55%) |
| #6c88b2 |
rgb(108,136,178) |
hsl(216,31%,56%) |
| #6f8bb3 |
rgb(111,139,179) |
hsl(216,31%,57%) |
| #738db5 |
rgb(115,141,181) |
hsl(216,31%,58%) |
| #7690b7 |
rgb(118,144,183) |
hsl(216,31%,59%) |
| #7993b9 |
rgb(121,147,185) |
hsl(216,31%,60%) |
| #7d95ba |
rgb(125,149,186) |
hsl(216,31%,61%) |
| #8098bc |
rgb(128,152,188) |
hsl(216,31%,62%) |
| #839bbe |
rgb(131,155,190) |
hsl(216,31%,63%) |
| #879ec0 |
rgb(135,158,192) |
hsl(216,31%,64%) |
| #8aa0c1 |
rgb(138,160,193) |
hsl(216,31%,65%) |
| #8da3c3 |
rgb(141,163,195) |
hsl(216,31%,66%) |
| #91a6c5 |
rgb(145,166,197) |
hsl(216,31%,67%) |
| #94a8c7 |
rgb(148,168,199) |
hsl(216,31%,68%) |
| #97abc8 |
rgb(151,171,200) |
hsl(216,31%,69%) |
| #9baeca |
rgb(155,174,202) |
hsl(216,31%,70%) |
| #9eb0cc |
rgb(158,176,204) |
hsl(216,31%,71%) |
| #a1b3ce |
rgb(161,179,206) |
hsl(216,31%,72%) |
| #a5b6cf |
rgb(165,182,207) |
hsl(216,31%,73%) |
| #a8b9d1 |
rgb(168,185,209) |
hsl(216,31%,74%) |
| #abbbd3 |
rgb(171,187,211) |
hsl(216,31%,75%) |
| #afbed5 |
rgb(175,190,213) |
hsl(216,31%,76%) |
| #b2c1d7 |
rgb(178,193,215) |
hsl(216,31%,77%) |
| #b6c3d8 |
rgb(182,195,216) |
hsl(216,31%,78%) |
| #b9c6da |
rgb(185,198,218) |
hsl(216,31%,79%) |
| #bcc9dc |
rgb(188,201,220) |
hsl(216,31%,80%) |
| #c0ccde |
rgb(192,204,222) |
hsl(216,31%,81%) |
| #c3cedf |
rgb(195,206,223) |
hsl(216,31%,82%) |
| #c6d1e1 |
rgb(198,209,225) |
hsl(216,31%,83%) |
| #cad4e3 |
rgb(202,212,227) |
hsl(216,31%,84%) |
| #cdd6e5 |
rgb(205,214,229) |
hsl(216,31%,85%) |
| #d0d9e6 |
rgb(208,217,230) |
hsl(216,31%,86%) |
| #d4dce8 |
rgb(212,220,232) |
hsl(216,31%,87%) |
| #d7dfea |
rgb(215,223,234) |
hsl(216,31%,88%) |
| #dae1ec |
rgb(218,225,236) |
hsl(216,31%,89%) |
| #dee4ed |
rgb(222,228,237) |
hsl(216,31%,90%) |
| #e1e7ef |
rgb(225,231,239) |
hsl(216,31%,91%) |
| #e4e9f1 |
rgb(228,233,241) |
hsl(216,31%,92%) |
| #e8ecf3 |
rgb(232,236,243) |
hsl(216,31%,93%) |
| #ebeff4 |
rgb(235,239,244) |
hsl(216,31%,94%) |
| #eef1f6 |
rgb(238,241,246) |
hsl(216,31%,95%) |
| #f2f4f8 |
rgb(242,244,248) |
hsl(216,31%,96%) |
| #f5f7fa |
rgb(245,247,250) |
hsl(216,31%,97%) |
| #f8fafb |
rgb(248,250,251) |
hsl(216,31%,98%) |
| #fcfcfd |
rgb(252,252,253) |
hsl(216,31%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #59a6a2 |
rgb(89,166,162) |
hsl(177,30%,50%) |
| #5978a7 |
rgb(89,120,167) |
hsl(216,31%,50%) |
| #6e59a7 |
rgb(110,89,167) |
hsl(256,31%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8ea3c3 |
rgb(142,163,195) |
hsl(216,31%,66%) |
| #738fb5 |
rgb(115,143,181) |
hsl(215,31%,58%) |
| #5978a7 |
rgb(89,120,167) |
hsl(216,31%,50%) |
| #4a668c |
rgb(74,102,140) |
hsl(215,31%,42%) |
| #3c5271 |
rgb(60,82,113) |
hsl(215,31%,34%) |
| #2e3d57 |
rgb(46,61,87) |
hsl(218,31%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5978a7 |
rgb(89,120,167) |
hsl(216,31%,50%) |
| #a76159 |
rgb(167,97,89) |
hsl(6,31%,50%) |
| #9fa659 |
rgb(159,166,89) |
hsl(65,30%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5978a7 |
rgb(89,120,167) |
hsl(216,31%,50%) |
| #a78759 |
rgb(167,135,89) |
hsl(35,31%,50%) |
| #599ea7 |
rgb(89,158,167) |
hsl(187,31%,50%) |
| #9fa659 |
rgb(159,166,89) |
hsl(65,30%,50%) |
