HEX #9CAAF2 color — Portage
The color #9caaf2 is a light shade and slightly desaturated.
Palette
9caaf2 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7fe |
rgb(246,247,254) |
hsl(230,77%,98%) |
#dfe4fb |
rgb(223,228,251) |
hsl(230,77%,93%) |
#c9d1f8 |
rgb(201,209,248) |
hsl(230,77%,88%) |
#b2bdf5 |
rgb(178,189,245) |
hsl(230,77%,83%) |
#9caaf2 |
rgb(156,170,242) |
hsl(230,77%,78%) |
#8597ef |
rgb(133,151,239) |
hsl(230,77%,73%) |
#6f84ec |
rgb(111,132,236) |
hsl(230,77%,68%) |
#5870e9 |
rgb(88,112,233) |
hsl(230,77%,63%) |
#415de6 |
rgb(65,93,230) |
hsl(230,77%,58%) |
#2b4ae3 |
rgb(43,74,227) |
hsl(230,77%,53%) |
#1c3cd9 |
rgb(28,60,217) |
hsl(230,77%,48%) |
#1935c2 |
rgb(25,53,194) |
hsl(230,77%,43%) |
#162fac |
rgb(22,47,172) |
hsl(230,77%,38%) |
#132995 |
rgb(19,41,149) |
hsl(230,77%,33%) |
#10237e |
rgb(16,35,126) |
hsl(230,77%,28%) |
#0d1d68 |
rgb(13,29,104) |
hsl(230,77%,23%) |
#0b1651 |
rgb(11,22,81) |
hsl(230,77%,18%) |
#08103b |
rgb(8,16,59) |
hsl(230,77%,13%) |
#050a24 |
rgb(5,10,36) |
hsl(230,77%,8%) |
#02040e |
rgb(2,4,14) |
hsl(230,77%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#9CE3F2 |
rgb(156,227,242) |
hsl(190,77%,78%) |
#9CAAF2 |
rgb(156,170,242) |
hsl(230,77%,78%) |
#C79CF2 |
rgb(199,156,242) |
hsl(270,77%,78%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D4DBF9 |
rgb(212,219,249) |
hsl(229,76%,90%) |
#9CAAF2 |
rgb(156,170,242) |
hsl(230,77%,78%) |
#637AEA |
rgb(99,122,234) |
hsl(230,76%,65%) |
#2B4AE3 |
rgb(43,74,227) |
hsl(230,77%,53%) |
Triad color palettes
HEX |
RGB |
HSL |
#9CAAF2 |
rgb(156,170,242) |
hsl(230,77%,78%) |
#F2BA9C |
rgb(242,186,156) |
hsl(21,77%,78%) |
#D5F29C |
rgb(213,242,156) |
hsl(80,77%,78%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#9CAAF2 |
rgb(156,170,242) |
hsl(230,77%,78%) |
#F2E39C |
rgb(242,227,156) |
hsl(50,77%,78%) |
#9CD6F2 |
rgb(156,214,242) |
hsl(200,77%,78%) |
#D5F29C |
rgb(213,242,156) |
hsl(80,77%,78%) |