HEX #8CA6F2 color — Portage
The color #8CA6F2 is a light shade and slightly desaturated.
Palette
8CA6F2 color palette from light to dark
| HEX |
RGB |
HSL |
| #e8edfc |
rgb(232,237,252) |
hsl(225,80%,95%) |
| #d1dbfa |
rgb(209,219,250) |
hsl(225,80%,90%) |
| #bac9f7 |
rgb(186,201,247) |
hsl(225,80%,85%) |
| #a3b8f5 |
rgb(163,184,245) |
hsl(225,80%,80%) |
| #8ca6f2 |
rgb(140,166,242) |
hsl(225,80%,75%) |
| #7594f0 |
rgb(117,148,240) |
hsl(225,80%,70%) |
| #5e82ed |
rgb(94,130,237) |
hsl(225,80%,65%) |
| #4770eb |
rgb(71,112,235) |
hsl(225,80%,60%) |
| #305ee8 |
rgb(48,94,232) |
hsl(225,80%,55%) |
| #1a4de6 |
rgb(26,77,230) |
hsl(225,80%,50%) |
| #1745cf |
rgb(23,69,207) |
hsl(225,80%,45%) |
| #143db8 |
rgb(20,61,184) |
hsl(225,80%,40%) |
| #1236a1 |
rgb(18,54,161) |
hsl(225,80%,35%) |
| #0f2e8a |
rgb(15,46,138) |
hsl(225,80%,30%) |
| #0d2673 |
rgb(13,38,115) |
hsl(225,80%,25%) |
| #0a1f5c |
rgb(10,31,92) |
hsl(225,80%,20%) |
| #081745 |
rgb(8,23,69) |
hsl(225,80%,15%) |
| #050f2e |
rgb(5,15,46) |
hsl(225,80%,10%) |
| #030817 |
rgb(3,8,23) |
hsl(225,80%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #8CEBF2 |
rgb(140,235,242) |
hsl(184,80%,75%) |
| #8CA6F2 |
rgb(140,166,242) |
hsl(225,80%,75%) |
| #B68CF2 |
rgb(182,140,242) |
hsl(265,80%,75%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
| #F9FAFE |
rgb(249,250,254) |
hsl(228,71%,99%) |
| #C2D1F8 |
rgb(194,209,248) |
hsl(223,79%,87%) |
| #8CA6F2 |
rgb(140,166,242) |
hsl(225,80%,75%) |
| #557AEB |
rgb(85,122,235) |
hsl(225,79%,63%) |
| #1E52E5 |
rgb(30,82,229) |
hsl(224,79%,51%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #8CA6F2 |
rgb(140,166,242) |
hsl(225,80%,75%) |
| #F2A68C |
rgb(242,166,140) |
hsl(15,80%,75%) |
| #D9F28C |
rgb(217,242,140) |
hsl(75,80%,75%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #8CA6F2 |
rgb(140,166,242) |
hsl(225,80%,75%) |
| #F2D98C |
rgb(242,217,140) |
hsl(45,80%,75%) |
| #8CD9F2 |
rgb(140,217,242) |
hsl(195,80%,75%) |
| #D9F28C |
rgb(217,242,140) |
hsl(75,80%,75%) |
