HEX #558AF5 color — Cornflower Blue
The color #558AF5 is a light shade and moderately saturated.
Palette
558AF5 color palette from light to dark
| HEX |
RGB |
HSL |
| #e7eefe |
rgb(231,238,254) |
hsl(220,89%,95%) |
| #cfdefc |
rgb(207,222,252) |
hsl(220,89%,90%) |
| #b7cdfb |
rgb(183,205,251) |
hsl(220,89%,85%) |
| #9fbdf9 |
rgb(159,189,249) |
hsl(220,89%,80%) |
| #87acf8 |
rgb(135,172,248) |
hsl(220,89%,75%) |
| #6e9cf7 |
rgb(110,156,247) |
hsl(220,89%,70%) |
| #568bf5 |
rgb(86,139,245) |
hsl(220,89%,65%) |
| #3e7bf4 |
rgb(62,123,244) |
hsl(220,89%,60%) |
| #266af2 |
rgb(38,106,242) |
hsl(220,89%,55%) |
| #0e5af1 |
rgb(14,90,241) |
hsl(220,89%,50%) |
| #0d51d9 |
rgb(13,81,217) |
hsl(220,89%,45%) |
| #0b48c1 |
rgb(11,72,193) |
hsl(220,89%,40%) |
| #0a3fa9 |
rgb(10,63,169) |
hsl(220,89%,35%) |
| #083691 |
rgb(8,54,145) |
hsl(220,89%,30%) |
| #072d78 |
rgb(7,45,120) |
hsl(220,89%,25%) |
| #062460 |
rgb(6,36,96) |
hsl(220,89%,20%) |
| #041b48 |
rgb(4,27,72) |
hsl(220,89%,15%) |
| #031230 |
rgb(3,18,48) |
hsl(220,89%,10%) |
| #010918 |
rgb(1,9,24) |
hsl(220,89%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #55F5F5 |
rgb(85,245,245) |
hsl(180,89%,65%) |
| #558AF5 |
rgb(85,138,245) |
hsl(220,89%,65%) |
| #8A54F5 |
rgb(138,84,245) |
hsl(260,89%,65%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #EAF0FD |
rgb(234,240,253) |
hsl(221,83%,95%) |
| #B8CFFA |
rgb(184,207,250) |
hsl(219,87%,85%) |
| #86ADF7 |
rgb(134,173,247) |
hsl(219,88%,75%) |
| #558AF5 |
rgb(85,138,245) |
hsl(220,89%,65%) |
| #2369F2 |
rgb(35,105,242) |
hsl(220,89%,54%) |
| #0C4FD3 |
rgb(12,79,211) |
hsl(220,89%,44%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #558AF5 |
rgb(85,138,245) |
hsl(220,89%,65%) |
| #F57055 |
rgb(245,112,85) |
hsl(10,89%,65%) |
| #DAF555 |
rgb(218,245,85) |
hsl(70,89%,65%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #558AF5 |
rgb(85,138,245) |
hsl(220,89%,65%) |
| #F5BF55 |
rgb(245,191,85) |
hsl(40,89%,65%) |
| #55D9F5 |
rgb(85,217,245) |
hsl(191,89%,65%) |
| #DAF555 |
rgb(218,245,85) |
hsl(70,89%,65%) |
