HEX #7896E6 color — Portage
The color #7896E6 is a light shade and slightly desaturated.
Palette
7896E6 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(224,69%,99%) |
#e5ebfa |
rgb(229,235,250) |
hsl(224,69%,94%) |
#d0daf6 |
rgb(208,218,246) |
hsl(224,69%,89%) |
#bac9f2 |
rgb(186,201,242) |
hsl(224,69%,84%) |
#a5b8ee |
rgb(165,184,238) |
hsl(224,69%,79%) |
#8fa7ea |
rgb(143,167,234) |
hsl(224,69%,74%) |
#7996e6 |
rgb(121,150,230) |
hsl(224,69%,69%) |
#6486e3 |
rgb(100,134,227) |
hsl(224,69%,64%) |
#4e75df |
rgb(78,117,223) |
hsl(224,69%,59%) |
#3964db |
rgb(57,100,219) |
hsl(224,69%,54%) |
#2755d3 |
rgb(39,85,211) |
hsl(224,69%,49%) |
#234cbe |
rgb(35,76,190) |
hsl(224,69%,44%) |
#1f43a8 |
rgb(31,67,168) |
hsl(224,69%,39%) |
#1b3b93 |
rgb(27,59,147) |
hsl(224,69%,34%) |
#17327d |
rgb(23,50,125) |
hsl(224,69%,29%) |
#132967 |
rgb(19,41,103) |
hsl(224,69%,24%) |
#0f2152 |
rgb(15,33,82) |
hsl(224,69%,19%) |
#0b183c |
rgb(11,24,60) |
hsl(224,69%,14%) |
#071027 |
rgb(7,16,39) |
hsl(224,69%,9%) |
#030711 |
rgb(3,7,17) |
hsl(224,69%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#78E0E6 |
rgb(120,224,230) |
hsl(183,69%,69%) |
#7896E6 |
rgb(120,150,230) |
hsl(224,69%,69%) |
#A378E6 |
rgb(163,120,230) |
hsl(263,69%,69%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D6E0F7 |
rgb(214,224,247) |
hsl(222,67%,90%) |
#A7BAEE |
rgb(167,186,238) |
hsl(224,68%,79%) |
#7896E6 |
rgb(120,150,230) |
hsl(224,69%,69%) |
#4870DD |
rgb(72,112,221) |
hsl(224,69%,57%) |
#2552C8 |
rgb(37,82,200) |
hsl(223,69%,46%) |
Triad color palettes
HEX |
RGB |
HSL |
#7896E6 |
rgb(120,150,230) |
hsl(224,69%,69%) |
#E69178 |
rgb(230,145,120) |
hsl(14,69%,69%) |
#CDE678 |
rgb(205,230,120) |
hsl(74,69%,69%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7896E6 |
rgb(120,150,230) |
hsl(224,69%,69%) |
#E6C778 |
rgb(230,199,120) |
hsl(43,69%,69%) |
#78CCE6 |
rgb(120,204,230) |
hsl(194,69%,69%) |
#CDE678 |
rgb(205,230,120) |
hsl(74,69%,69%) |