HEX #78A6EA color — Portage
The color #78A6EA is a light shade and slightly desaturated.
Palette
78A6EA color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(216,73%,99%) |
#e5edfb |
rgb(229,237,251) |
hsl(216,73%,94%) |
#cedff7 |
rgb(206,223,247) |
hsl(216,73%,89%) |
#b8d0f4 |
rgb(184,208,244) |
hsl(216,73%,84%) |
#a2c2f1 |
rgb(162,194,241) |
hsl(216,73%,79%) |
#8cb3ed |
rgb(140,179,237) |
hsl(216,73%,74%) |
#76a4ea |
rgb(118,164,234) |
hsl(216,73%,69%) |
#6096e6 |
rgb(96,150,230) |
hsl(216,73%,64%) |
#4a87e3 |
rgb(74,135,227) |
hsl(216,73%,59%) |
#3479df |
rgb(52,121,223) |
hsl(216,73%,54%) |
#226bd8 |
rgb(34,107,216) |
hsl(216,73%,49%) |
#1e60c2 |
rgb(30,96,194) |
hsl(216,73%,44%) |
#1b55ac |
rgb(27,85,172) |
hsl(216,73%,39%) |
#174a96 |
rgb(23,74,150) |
hsl(216,73%,34%) |
#143f80 |
rgb(20,63,128) |
hsl(216,73%,29%) |
#11346a |
rgb(17,52,106) |
hsl(216,73%,24%) |
#0d2954 |
rgb(13,41,84) |
hsl(216,73%,19%) |
#0a1e3e |
rgb(10,30,62) |
hsl(216,73%,14%) |
#061428 |
rgb(6,20,40) |
hsl(216,73%,9%) |
#030912 |
rgb(3,9,18) |
hsl(216,73%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#78EBE2 |
rgb(120,235,226) |
hsl(175,74%,70%) |
#78A6EA |
rgb(120,166,234) |
hsl(216,73%,69%) |
#9678EA |
rgb(150,120,234) |
hsl(256,73%,69%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#DAE6F9 |
rgb(218,230,249) |
hsl(217,72%,92%) |
#A9C7F1 |
rgb(169,199,241) |
hsl(215,72%,80%) |
#78A6EA |
rgb(120,166,234) |
hsl(216,73%,69%) |
#4685E2 |
rgb(70,133,226) |
hsl(216,73%,58%) |
#2069D0 |
rgb(32,105,208) |
hsl(215,73%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#78A6EA |
rgb(120,166,234) |
hsl(216,73%,69%) |
#EA8278 |
rgb(234,130,120) |
hsl(5,73%,69%) |
#DFEB78 |
rgb(223,235,120) |
hsl(66,74%,70%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#78A6EA |
rgb(120,166,234) |
hsl(216,73%,69%) |
#EABD78 |
rgb(234,189,120) |
hsl(36,73%,69%) |
#78DEEA |
rgb(120,222,234) |
hsl(186,73%,69%) |
#DFEB78 |
rgb(223,235,120) |
hsl(66,74%,70%) |