HEX #5682F5 color — Cornflower Blue
The color #5682F5 is a light shade and moderately saturated.
Palette
5682F5 color palette from light to dark
| HEX |
RGB |
HSL |
| #e7edfe |
rgb(231,237,254) |
hsl(223,89%,95%) |
| #cfdcfc |
rgb(207,220,252) |
hsl(223,89%,90%) |
| #b7cafb |
rgb(183,202,251) |
hsl(223,89%,85%) |
| #9fb8f9 |
rgb(159,184,249) |
hsl(223,89%,80%) |
| #87a7f8 |
rgb(135,167,248) |
hsl(223,89%,75%) |
| #6e95f7 |
rgb(110,149,247) |
hsl(223,89%,70%) |
| #5683f5 |
rgb(86,131,245) |
hsl(223,89%,65%) |
| #3e72f4 |
rgb(62,114,244) |
hsl(223,89%,60%) |
| #2660f2 |
rgb(38,96,242) |
hsl(223,89%,55%) |
| #0e4ef1 |
rgb(14,78,241) |
hsl(223,89%,50%) |
| #0d46d9 |
rgb(13,70,217) |
hsl(223,89%,45%) |
| #0b3fc1 |
rgb(11,63,193) |
hsl(223,89%,40%) |
| #0a37a9 |
rgb(10,55,169) |
hsl(223,89%,35%) |
| #082f91 |
rgb(8,47,145) |
hsl(223,89%,30%) |
| #072778 |
rgb(7,39,120) |
hsl(223,89%,25%) |
| #061f60 |
rgb(6,31,96) |
hsl(223,89%,20%) |
| #041748 |
rgb(4,23,72) |
hsl(223,89%,15%) |
| #031030 |
rgb(3,16,48) |
hsl(223,89%,10%) |
| #010818 |
rgb(1,8,24) |
hsl(223,89%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #56EDF5 |
rgb(86,237,245) |
hsl(183,89%,65%) |
| #5682F5 |
rgb(86,130,245) |
hsl(223,89%,65%) |
| #9457F5 |
rgb(148,87,245) |
hsl(263,89%,65%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #ECF0FD |
rgb(236,240,253) |
hsl(226,81%,96%) |
| #BACCFA |
rgb(186,204,250) |
hsl(223,86%,85%) |
| #88A6F7 |
rgb(136,166,247) |
hsl(224,87%,75%) |
| #5682F5 |
rgb(86,130,245) |
hsl(223,89%,65%) |
| #245CF2 |
rgb(36,92,242) |
hsl(224,89%,55%) |
| #0C45D4 |
rgb(12,69,212) |
hsl(223,89%,44%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5682F5 |
rgb(86,130,245) |
hsl(223,89%,65%) |
| #F57A56 |
rgb(245,122,86) |
hsl(14,89%,65%) |
| #D1F556 |
rgb(209,245,86) |
hsl(74,89%,65%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5682F5 |
rgb(86,130,245) |
hsl(223,89%,65%) |
| #F5C956 |
rgb(245,201,86) |
hsl(43,89%,65%) |
| #56D1F5 |
rgb(86,209,245) |
hsl(194,89%,65%) |
| #D1F556 |
rgb(209,245,86) |
hsl(74,89%,65%) |
