HEX #7C9EE2 color — Portage
The color #7C9EE2 is a light shade and slightly desaturated.
Palette
7C9EE2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(220,64%,99%) |
#e6ecf9 |
rgb(230,236,249) |
hsl(220,64%,94%) |
#d1ddf5 |
rgb(209,221,245) |
hsl(220,64%,89%) |
#bccdf0 |
rgb(188,205,240) |
hsl(220,64%,84%) |
#a7beec |
rgb(167,190,236) |
hsl(220,64%,79%) |
#92afe7 |
rgb(146,175,231) |
hsl(220,64%,74%) |
#7d9fe3 |
rgb(125,159,227) |
hsl(220,64%,69%) |
#6890de |
rgb(104,144,222) |
hsl(220,64%,64%) |
#5480d9 |
rgb(84,128,217) |
hsl(220,64%,59%) |
#3f71d5 |
rgb(63,113,213) |
hsl(220,64%,54%) |
#2d62cd |
rgb(45,98,205) |
hsl(220,64%,49%) |
#2858b8 |
rgb(40,88,184) |
hsl(220,64%,44%) |
#244ea3 |
rgb(36,78,163) |
hsl(220,64%,39%) |
#1f448e |
rgb(31,68,142) |
hsl(220,64%,34%) |
#1b3a79 |
rgb(27,58,121) |
hsl(220,64%,29%) |
#163064 |
rgb(22,48,100) |
hsl(220,64%,24%) |
#11264f |
rgb(17,38,79) |
hsl(220,64%,19%) |
#0d1c3b |
rgb(13,28,59) |
hsl(220,64%,14%) |
#081226 |
rgb(8,18,38) |
hsl(220,64%,9%) |
#040811 |
rgb(4,8,17) |
hsl(220,64%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#7CE3E2 |
rgb(124,227,226) |
hsl(179,65%,69%) |
#7C9EE2 |
rgb(124,158,226) |
hsl(220,64%,69%) |
#9E7DE2 |
rgb(158,125,226) |
hsl(260,64%,69%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D7E3F6 |
rgb(215,227,246) |
hsl(217,63%,90%) |
#A9BFEC |
rgb(169,191,236) |
hsl(220,64%,79%) |
#7C9EE2 |
rgb(124,158,226) |
hsl(220,64%,69%) |
#4E7DD7 |
rgb(78,125,215) |
hsl(219,63%,57%) |
#2B5EC2 |
rgb(43,94,194) |
hsl(220,64%,46%) |
Triad color palettes
HEX |
RGB |
HSL |
#7C9EE2 |
rgb(124,158,226) |
hsl(220,64%,69%) |
#E28C7C |
rgb(226,140,124) |
hsl(9,64%,69%) |
#D1E37C |
rgb(209,227,124) |
hsl(70,65%,69%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7C9EE2 |
rgb(124,158,226) |
hsl(220,64%,69%) |
#E2BF7C |
rgb(226,191,124) |
hsl(39,64%,69%) |
#7CD1E2 |
rgb(124,209,226) |
hsl(190,64%,69%) |
#D1E37C |
rgb(209,227,124) |
hsl(70,65%,69%) |