HEX #78A6E7 color — Portage
The color #78A6E7 is a light shade and slightly desaturated.
Palette
78A6E7 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(215,70%,99%) |
#e5eefa |
rgb(229,238,250) |
hsl(215,70%,94%) |
#cfe0f7 |
rgb(207,224,247) |
hsl(215,70%,89%) |
#bad1f3 |
rgb(186,209,243) |
hsl(215,70%,84%) |
#a4c3ef |
rgb(164,195,239) |
hsl(215,70%,79%) |
#8eb5eb |
rgb(142,181,235) |
hsl(215,70%,74%) |
#79a7e7 |
rgb(121,167,231) |
hsl(215,70%,69%) |
#6398e3 |
rgb(99,152,227) |
hsl(215,70%,64%) |
#4d8ae0 |
rgb(77,138,224) |
hsl(215,70%,59%) |
#387cdc |
rgb(56,124,220) |
hsl(215,70%,54%) |
#256ed4 |
rgb(37,110,212) |
hsl(215,70%,49%) |
#2263bf |
rgb(34,99,191) |
hsl(215,70%,44%) |
#1e58a9 |
rgb(30,88,169) |
hsl(215,70%,39%) |
#1a4d93 |
rgb(26,77,147) |
hsl(215,70%,34%) |
#16417e |
rgb(22,65,126) |
hsl(215,70%,29%) |
#123668 |
rgb(18,54,104) |
hsl(215,70%,24%) |
#0f2b52 |
rgb(15,43,82) |
hsl(215,70%,19%) |
#0b203d |
rgb(11,32,61) |
hsl(215,70%,14%) |
#071427 |
rgb(7,20,39) |
hsl(215,70%,9%) |
#030911 |
rgb(3,9,17) |
hsl(215,70%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#78E8DE |
rgb(120,232,222) |
hsl(175,71%,69%) |
#78A6E7 |
rgb(120,166,231) |
hsl(215,70%,69%) |
#9478E7 |
rgb(148,120,231) |
hsl(255,70%,69%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D7E6F7 |
rgb(215,230,247) |
hsl(212,67%,91%) |
#A7C4EF |
rgb(167,196,239) |
hsl(216,69%,80%) |
#78A6E7 |
rgb(120,166,231) |
hsl(215,70%,69%) |
#4887DE |
rgb(72,135,222) |
hsl(215,69%,58%) |
#2469CA |
rgb(36,105,202) |
hsl(215,70%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#78A6E7 |
rgb(120,166,231) |
hsl(215,70%,69%) |
#E78278 |
rgb(231,130,120) |
hsl(5,70%,69%) |
#DDE878 |
rgb(221,232,120) |
hsl(66,71%,69%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#78A6E7 |
rgb(120,166,231) |
hsl(215,70%,69%) |
#E7BA78 |
rgb(231,186,120) |
hsl(36,70%,69%) |
#78DEE7 |
rgb(120,222,231) |
hsl(185,70%,69%) |
#DDE878 |
rgb(221,232,120) |
hsl(66,71%,69%) |