HEX #5AA6F2 color — Cornflower Blue
The color #5aa6f2 is a light shade and moderately saturated.
Palette
5aa6f2 color palette from light to dark
| HEX |
RGB |
HSL |
| #e7f2fd |
rgb(231,242,253) |
hsl(210,85%,95%) |
| #d0e6fb |
rgb(208,230,251) |
hsl(210,85%,90%) |
| #b8d9f9 |
rgb(184,217,249) |
hsl(210,85%,85%) |
| #a1ccf7 |
rgb(161,204,247) |
hsl(210,85%,80%) |
| #89bff5 |
rgb(137,191,245) |
hsl(210,85%,75%) |
| #71b3f4 |
rgb(113,179,244) |
hsl(210,85%,70%) |
| #5aa6f2 |
rgb(90,166,242) |
hsl(210,85%,65%) |
| #4299f0 |
rgb(66,153,240) |
hsl(210,85%,60%) |
| #2b8cee |
rgb(43,140,238) |
hsl(210,85%,55%) |
| #1380ec |
rgb(19,128,236) |
hsl(210,85%,50%) |
| #1173d4 |
rgb(17,115,212) |
hsl(210,85%,45%) |
| #0f66bd |
rgb(15,102,189) |
hsl(210,85%,40%) |
| #0d59a5 |
rgb(13,89,165) |
hsl(210,85%,35%) |
| #0b4c8e |
rgb(11,76,142) |
hsl(210,85%,30%) |
| #0a4076 |
rgb(10,64,118) |
hsl(210,85%,25%) |
| #08335e |
rgb(8,51,94) |
hsl(210,85%,20%) |
| #062647 |
rgb(6,38,71) |
hsl(210,85%,15%) |
| #041a2f |
rgb(4,26,47) |
hsl(210,85%,10%) |
| #020d18 |
rgb(2,13,24) |
hsl(210,85%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5AF2D8 |
rgb(90,242,216) |
hsl(170,85%,65%) |
| #5AA6F2 |
rgb(90,166,242) |
hsl(210,85%,65%) |
| #7359F2 |
rgb(115,89,242) |
hsl(250,85%,65%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #EDF5FD |
rgb(237,245,253) |
hsl(210,80%,96%) |
| #BCDBF9 |
rgb(188,219,249) |
hsl(210,84%,86%) |
| #8BC2F5 |
rgb(139,194,245) |
hsl(209,84%,75%) |
| #5AA6F2 |
rgb(90,166,242) |
hsl(210,85%,65%) |
| #288CEE |
rgb(40,140,238) |
hsl(210,85%,55%) |
| #1070D1 |
rgb(16,112,209) |
hsl(210,86%,44%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5AA6F2 |
rgb(90,166,242) |
hsl(210,85%,65%) |
| #F2595A |
rgb(242,89,90) |
hsl(360,85%,65%) |
| #F2F25A |
rgb(242,242,90) |
hsl(60,85%,65%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5AA6F2 |
rgb(90,166,242) |
hsl(210,85%,65%) |
| #F2A65A |
rgb(242,166,90) |
hsl(30,85%,65%) |
| #5AF2F2 |
rgb(90,242,242) |
hsl(180,85%,65%) |
| #F2F25A |
rgb(242,242,90) |
hsl(60,85%,65%) |
