Color HEX #577AA8, RGB(87,122,168)
Color name is Wedgewood. The color #577aa8 is a dark shade and slightly desaturated.
Palette
577aa8 color palette from light to dark
| HEX |
RGB |
HSL |
| #020203 |
rgb(2,2,3) |
hsl(214,32%,1%) |
| #030507 |
rgb(3,5,7) |
hsl(214,32%,2%) |
| #05070a |
rgb(5,7,10) |
hsl(214,32%,3%) |
| #070a0d |
rgb(7,10,13) |
hsl(214,32%,4%) |
| #090c11 |
rgb(9,12,17) |
hsl(214,32%,5%) |
| #0a0f14 |
rgb(10,15,20) |
hsl(214,32%,6%) |
| #0c1118 |
rgb(12,17,24) |
hsl(214,32%,7%) |
| #0e141b |
rgb(14,20,27) |
hsl(214,32%,8%) |
| #10161e |
rgb(16,22,30) |
hsl(214,32%,9%) |
| #111822 |
rgb(17,24,34) |
hsl(214,32%,10%) |
| #131b25 |
rgb(19,27,37) |
hsl(214,32%,11%) |
| #151d28 |
rgb(21,29,40) |
hsl(214,32%,12%) |
| #17202c |
rgb(23,32,44) |
hsl(214,32%,13%) |
| #18222f |
rgb(24,34,47) |
hsl(214,32%,14%) |
| #1a2532 |
rgb(26,37,50) |
hsl(214,32%,15%) |
| #1c2736 |
rgb(28,39,54) |
hsl(214,32%,16%) |
| #1d2a39 |
rgb(29,42,57) |
hsl(214,32%,17%) |
| #1f2c3d |
rgb(31,44,61) |
hsl(214,32%,18%) |
| #212e40 |
rgb(33,46,64) |
hsl(214,32%,19%) |
| #233143 |
rgb(35,49,67) |
hsl(214,32%,20%) |
| #243347 |
rgb(36,51,71) |
hsl(214,32%,21%) |
| #26364a |
rgb(38,54,74) |
hsl(214,32%,22%) |
| #28384d |
rgb(40,56,77) |
hsl(214,32%,23%) |
| #2a3b51 |
rgb(42,59,81) |
hsl(214,32%,24%) |
| #2b3d54 |
rgb(43,61,84) |
hsl(214,32%,25%) |
| #2d3f58 |
rgb(45,63,88) |
hsl(214,32%,26%) |
| #2f425b |
rgb(47,66,91) |
hsl(214,32%,27%) |
| #31445e |
rgb(49,68,94) |
hsl(214,32%,28%) |
| #324762 |
rgb(50,71,98) |
hsl(214,32%,29%) |
| #344965 |
rgb(52,73,101) |
hsl(214,32%,30%) |
| #364c68 |
rgb(54,76,104) |
hsl(214,32%,31%) |
| #374e6c |
rgb(55,78,108) |
hsl(214,32%,32%) |
| #39516f |
rgb(57,81,111) |
hsl(214,32%,33%) |
| #3b5372 |
rgb(59,83,114) |
hsl(214,32%,34%) |
| #3d5576 |
rgb(61,85,118) |
hsl(214,32%,35%) |
| #3e5879 |
rgb(62,88,121) |
hsl(214,32%,36%) |
| #405a7d |
rgb(64,90,125) |
hsl(214,32%,37%) |
| #425d80 |
rgb(66,93,128) |
hsl(214,32%,38%) |
| #445f83 |
rgb(68,95,131) |
hsl(214,32%,39%) |
| #456287 |
rgb(69,98,135) |
hsl(214,32%,40%) |
| #47648a |
rgb(71,100,138) |
hsl(214,32%,41%) |
| #49678d |
rgb(73,103,141) |
hsl(214,32%,42%) |
| #4b6991 |
rgb(75,105,145) |
hsl(214,32%,43%) |
| #4c6b94 |
rgb(76,107,148) |
hsl(214,32%,44%) |
| #4e6e97 |
rgb(78,110,151) |
hsl(214,32%,45%) |
| #50709b |
rgb(80,112,155) |
hsl(214,32%,46%) |
| #51739e |
rgb(81,115,158) |
hsl(214,32%,47%) |
| #5375a2 |
rgb(83,117,162) |
hsl(214,32%,48%) |
| #5578a5 |
rgb(85,120,165) |
hsl(214,32%,49%) |
| #577aa8 |
rgb(87,122,168) |
hsl(214,32%,50%) |
| #5a7daa |
rgb(90,125,170) |
hsl(214,32%,51%) |
| #5d7fac |
rgb(93,127,172) |
hsl(214,32%,52%) |
| #6182ae |
rgb(97,130,174) |
hsl(214,32%,53%) |
| #6485af |
rgb(100,133,175) |
hsl(214,32%,54%) |
| #6887b1 |
rgb(104,135,177) |
hsl(214,32%,55%) |
| #6b8ab3 |
rgb(107,138,179) |
hsl(214,32%,56%) |
| #6e8db4 |
rgb(110,141,180) |
hsl(214,32%,57%) |
| #728fb6 |
rgb(114,143,182) |
hsl(214,32%,58%) |
| #7592b8 |
rgb(117,146,184) |
hsl(214,32%,59%) |
| #7895ba |
rgb(120,149,186) |
hsl(214,32%,60%) |
| #7c97bb |
rgb(124,151,187) |
hsl(214,32%,61%) |
| #7f9abd |
rgb(127,154,189) |
hsl(214,32%,62%) |
| #829dbf |
rgb(130,157,191) |
hsl(214,32%,63%) |
| #869fc1 |
rgb(134,159,193) |
hsl(214,32%,64%) |
| #89a2c2 |
rgb(137,162,194) |
hsl(214,32%,65%) |
| #8da5c4 |
rgb(141,165,196) |
hsl(214,32%,66%) |
| #90a7c6 |
rgb(144,167,198) |
hsl(214,32%,67%) |
| #93aac8 |
rgb(147,170,200) |
hsl(214,32%,68%) |
| #97adc9 |
rgb(151,173,201) |
hsl(214,32%,69%) |
| #9aafcb |
rgb(154,175,203) |
hsl(214,32%,70%) |
| #9db2cd |
rgb(157,178,205) |
hsl(214,32%,71%) |
| #a1b5ce |
rgb(161,181,206) |
hsl(214,32%,72%) |
| #a4b7d0 |
rgb(164,183,208) |
hsl(214,32%,73%) |
| #a7bad2 |
rgb(167,186,210) |
hsl(214,32%,74%) |
| #abbdd4 |
rgb(171,189,212) |
hsl(214,32%,75%) |
| #aebfd5 |
rgb(174,191,213) |
hsl(214,32%,76%) |
| #b2c2d7 |
rgb(178,194,215) |
hsl(214,32%,77%) |
| #b5c5d9 |
rgb(181,197,217) |
hsl(214,32%,78%) |
| #b8c7db |
rgb(184,199,219) |
hsl(214,32%,79%) |
| #bccadc |
rgb(188,202,220) |
hsl(214,32%,80%) |
| #bfccde |
rgb(191,204,222) |
hsl(214,32%,81%) |
| #c2cfe0 |
rgb(194,207,224) |
hsl(214,32%,82%) |
| #c6d2e2 |
rgb(198,210,226) |
hsl(214,32%,83%) |
| #c9d4e3 |
rgb(201,212,227) |
hsl(214,32%,84%) |
| #cdd7e5 |
rgb(205,215,229) |
hsl(214,32%,85%) |
| #d0dae7 |
rgb(208,218,231) |
hsl(214,32%,86%) |
| #d3dce8 |
rgb(211,220,232) |
hsl(214,32%,87%) |
| #d7dfea |
rgb(215,223,234) |
hsl(214,32%,88%) |
| #dae2ec |
rgb(218,226,236) |
hsl(214,32%,89%) |
| #dde4ee |
rgb(221,228,238) |
hsl(214,32%,90%) |
| #e1e7ef |
rgb(225,231,239) |
hsl(214,32%,91%) |
| #e4eaf1 |
rgb(228,234,241) |
hsl(214,32%,92%) |
| #e7ecf3 |
rgb(231,236,243) |
hsl(214,32%,93%) |
| #ebeff5 |
rgb(235,239,245) |
hsl(214,32%,94%) |
| #eef2f6 |
rgb(238,242,246) |
hsl(214,32%,95%) |
| #f2f4f8 |
rgb(242,244,248) |
hsl(214,32%,96%) |
| #f5f7fa |
rgb(245,247,250) |
hsl(214,32%,97%) |
| #f8fafc |
rgb(248,250,252) |
hsl(214,32%,98%) |
| #fcfcfd |
rgb(252,252,253) |
hsl(214,32%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #57a8a0 |
rgb(87,168,160) |
hsl(174,32%,50%) |
| #577aa8 |
rgb(87,122,168) |
hsl(214,32%,50%) |
| #6a57a8 |
rgb(106,87,168) |
hsl(254,32%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8ca6c3 |
rgb(140,166,195) |
hsl(212,31%,66%) |
| #718fb5 |
rgb(113,143,181) |
hsl(214,31%,58%) |
| #577aa8 |
rgb(87,122,168) |
hsl(214,32%,50%) |
| #49668d |
rgb(73,102,141) |
hsl(214,32%,42%) |
| #3b5472 |
rgb(59,84,114) |
hsl(213,32%,34%) |
| #2d4057 |
rgb(45,64,87) |
hsl(213,32%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #577aa8 |
rgb(87,122,168) |
hsl(214,32%,50%) |
| #a85c57 |
rgb(168,92,87) |
hsl(4,32%,50%) |
| #a2a857 |
rgb(162,168,87) |
hsl(64,32%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #577aa8 |
rgb(87,122,168) |
hsl(214,32%,50%) |
| #a88557 |
rgb(168,133,87) |
hsl(34,32%,50%) |
| #57a3a8 |
rgb(87,163,168) |
hsl(184,32%,50%) |
| #a2a857 |
rgb(162,168,87) |
hsl(64,32%,50%) |
