HEX #9BAAF3 color — Portage
The color #9baaf3 is a light shade and slightly desaturated.
Palette
9baaf3 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7fe |
rgb(246,247,254) |
hsl(230,79%,98%) |
#dfe4fb |
rgb(223,228,251) |
hsl(230,79%,93%) |
#c8d0f9 |
rgb(200,208,249) |
hsl(230,79%,88%) |
#b1bdf6 |
rgb(177,189,246) |
hsl(230,79%,83%) |
#9ba9f3 |
rgb(155,169,243) |
hsl(230,79%,78%) |
#8496f1 |
rgb(132,150,241) |
hsl(230,79%,73%) |
#6d82ee |
rgb(109,130,238) |
hsl(230,79%,68%) |
#566feb |
rgb(86,111,235) |
hsl(230,79%,63%) |
#3f5be9 |
rgb(63,91,233) |
hsl(230,79%,58%) |
#2848e6 |
rgb(40,72,230) |
hsl(230,79%,53%) |
#1a3adb |
rgb(26,58,219) |
hsl(230,79%,48%) |
#1734c4 |
rgb(23,52,196) |
hsl(230,79%,43%) |
#142ead |
rgb(20,46,173) |
hsl(230,79%,38%) |
#122897 |
rgb(18,40,151) |
hsl(230,79%,33%) |
#0f2280 |
rgb(15,34,128) |
hsl(230,79%,28%) |
#0c1c69 |
rgb(12,28,105) |
hsl(230,79%,23%) |
#0a1652 |
rgb(10,22,82) |
hsl(230,79%,18%) |
#07103b |
rgb(7,16,59) |
hsl(230,79%,13%) |
#040a25 |
rgb(4,10,37) |
hsl(230,79%,8%) |
#02040e |
rgb(2,4,14) |
hsl(230,79%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#9BE6F3 |
rgb(155,230,243) |
hsl(189,79%,78%) |
#9BAAF3 |
rgb(155,170,243) |
hsl(230,79%,78%) |
#C69CF3 |
rgb(198,156,243) |
hsl(269,78%,78%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D3DBF9 |
rgb(211,219,249) |
hsl(227,76%,90%) |
#9BAAF3 |
rgb(155,170,243) |
hsl(230,79%,78%) |
#627AEC |
rgb(98,122,236) |
hsl(230,78%,65%) |
#294AE5 |
rgb(41,74,229) |
hsl(229,78%,53%) |
Triad color palettes
HEX |
RGB |
HSL |
#9BAAF3 |
rgb(155,170,243) |
hsl(230,79%,78%) |
#F3B89B |
rgb(243,184,155) |
hsl(20,79%,78%) |
#D6F29B |
rgb(214,242,155) |
hsl(79,77%,78%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#9BAAF3 |
rgb(155,170,243) |
hsl(230,79%,78%) |
#F3E39B |
rgb(243,227,155) |
hsl(49,79%,78%) |
#9BD6F3 |
rgb(155,214,243) |
hsl(200,79%,78%) |
#D6F29B |
rgb(214,242,155) |
hsl(79,77%,78%) |