HEX #5AA1F2 color — Cornflower Blue
The color #5aa1f2 is a light shade and moderately saturated.
Palette
5aa1f2 color palette from light to dark
| HEX |
RGB |
HSL |
| #e7f2fd |
rgb(231,242,253) |
hsl(212,85%,95%) |
| #d0e4fb |
rgb(208,228,251) |
hsl(212,85%,90%) |
| #b8d7f9 |
rgb(184,215,249) |
hsl(212,85%,85%) |
| #a1c9f7 |
rgb(161,201,247) |
hsl(212,85%,80%) |
| #89bcf5 |
rgb(137,188,245) |
hsl(212,85%,75%) |
| #71aef4 |
rgb(113,174,244) |
hsl(212,85%,70%) |
| #5aa1f2 |
rgb(90,161,242) |
hsl(212,85%,65%) |
| #4293f0 |
rgb(66,147,240) |
hsl(212,85%,60%) |
| #2b86ee |
rgb(43,134,238) |
hsl(212,85%,55%) |
| #1378ec |
rgb(19,120,236) |
hsl(212,85%,50%) |
| #116cd4 |
rgb(17,108,212) |
hsl(212,85%,45%) |
| #0f60bd |
rgb(15,96,189) |
hsl(212,85%,40%) |
| #0d54a5 |
rgb(13,84,165) |
hsl(212,85%,35%) |
| #0b488e |
rgb(11,72,142) |
hsl(212,85%,30%) |
| #0a3c76 |
rgb(10,60,118) |
hsl(212,85%,25%) |
| #08305e |
rgb(8,48,94) |
hsl(212,85%,20%) |
| #062447 |
rgb(6,36,71) |
hsl(212,85%,15%) |
| #04182f |
rgb(4,24,47) |
hsl(212,85%,10%) |
| #020c18 |
rgb(2,12,24) |
hsl(212,85%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5AF2DD |
rgb(90,242,221) |
hsl(172,85%,65%) |
| #5AA1F2 |
rgb(90,161,242) |
hsl(212,85%,65%) |
| #7859F2 |
rgb(120,89,242) |
hsl(252,85%,65%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #EDF5FD |
rgb(237,245,253) |
hsl(210,80%,96%) |
| #BCD9F9 |
rgb(188,217,249) |
hsl(211,84%,86%) |
| #8BBDF5 |
rgb(139,189,245) |
hsl(212,84%,75%) |
| #5AA1F2 |
rgb(90,161,242) |
hsl(212,85%,65%) |
| #2885EE |
rgb(40,133,238) |
hsl(212,85%,55%) |
| #106BD1 |
rgb(16,107,209) |
hsl(212,86%,44%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5AA1F2 |
rgb(90,161,242) |
hsl(212,85%,65%) |
| #F25E5A |
rgb(242,94,90) |
hsl(2,85%,65%) |
| #EDF25A |
rgb(237,242,90) |
hsl(62,85%,65%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5AA1F2 |
rgb(90,161,242) |
hsl(212,85%,65%) |
| #F2AB5A |
rgb(242,171,90) |
hsl(32,85%,65%) |
| #5AEDF2 |
rgb(90,237,242) |
hsl(182,85%,65%) |
| #EDF25A |
rgb(237,242,90) |
hsl(62,85%,65%) |
