HEX #8396EE color — Portage
The color #8396EE is a light shade and slightly desaturated.
Palette
8396EE color palette from light to dark
HEX |
RGB |
HSL |
#f2f4fd |
rgb(242,244,253) |
hsl(229,76%,97%) |
#dbe1fa |
rgb(219,225,250) |
hsl(229,76%,92%) |
#c5cef7 |
rgb(197,206,247) |
hsl(229,76%,87%) |
#aebbf4 |
rgb(174,187,244) |
hsl(229,76%,82%) |
#98a8f1 |
rgb(152,168,241) |
hsl(229,76%,77%) |
#8195ee |
rgb(129,149,238) |
hsl(229,76%,72%) |
#6b82eb |
rgb(107,130,235) |
hsl(229,76%,67%) |
#546fe8 |
rgb(84,111,232) |
hsl(229,76%,62%) |
#3e5de5 |
rgb(62,93,229) |
hsl(229,76%,57%) |
#284ae2 |
rgb(40,74,226) |
hsl(229,76%,52%) |
#1d3ed3 |
rgb(29,62,211) |
hsl(229,76%,47%) |
#1a38bc |
rgb(26,56,188) |
hsl(229,76%,42%) |
#1731a6 |
rgb(23,49,166) |
hsl(229,76%,37%) |
#142a90 |
rgb(20,42,144) |
hsl(229,76%,32%) |
#112479 |
rgb(17,36,121) |
hsl(229,76%,27%) |
#0d1d63 |
rgb(13,29,99) |
hsl(229,76%,22%) |
#0a164c |
rgb(10,22,76) |
hsl(229,76%,17%) |
#071036 |
rgb(7,16,54) |
hsl(229,76%,12%) |
#04091f |
rgb(4,9,31) |
hsl(229,76%,7%) |
#010309 |
rgb(1,3,9) |
hsl(229,76%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#83DEEE |
rgb(131,222,238) |
hsl(189,76%,72%) |
#8396EE |
rgb(131,150,238) |
hsl(229,76%,72%) |
#B782EE |
rgb(183,130,238) |
hsl(269,76%,72%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#EAEDFC |
rgb(234,237,252) |
hsl(230,75%,95%) |
#B6C2F5 |
rgb(182,194,245) |
hsl(229,76%,84%) |
#8396EE |
rgb(131,150,238) |
hsl(229,76%,72%) |
#4F6BE6 |
rgb(79,107,230) |
hsl(229,75%,61%) |
#1E40DC |
rgb(30,64,220) |
hsl(229,76%,49%) |
Triad color palettes
HEX |
RGB |
HSL |
#8396EE |
rgb(131,150,238) |
hsl(229,76%,72%) |
#EEA683 |
rgb(238,166,131) |
hsl(20,76%,72%) |
#CBED83 |
rgb(203,237,131) |
hsl(79,75%,72%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#8396EE |
rgb(131,150,238) |
hsl(229,76%,72%) |
#EEDB83 |
rgb(238,219,131) |
hsl(49,76%,72%) |
#83CCEE |
rgb(131,204,238) |
hsl(199,76%,72%) |
#CBED83 |
rgb(203,237,131) |
hsl(79,75%,72%) |