HEX #7BADE7 color — Portage
The color #7BADE7 is a light shade and slightly desaturated.
Palette
7BADE7 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(212,69%,99%) |
#e5effa |
rgb(229,239,250) |
hsl(212,69%,94%) |
#d0e2f6 |
rgb(208,226,246) |
hsl(212,69%,89%) |
#bad4f2 |
rgb(186,212,242) |
hsl(212,69%,84%) |
#a5c7ee |
rgb(165,199,238) |
hsl(212,69%,79%) |
#8fbaea |
rgb(143,186,234) |
hsl(212,69%,74%) |
#79ace6 |
rgb(121,172,230) |
hsl(212,69%,69%) |
#649fe3 |
rgb(100,159,227) |
hsl(212,69%,64%) |
#4e92df |
rgb(78,146,223) |
hsl(212,69%,59%) |
#3984db |
rgb(57,132,219) |
hsl(212,69%,54%) |
#2777d3 |
rgb(39,119,211) |
hsl(212,69%,49%) |
#236bbe |
rgb(35,107,190) |
hsl(212,69%,44%) |
#1f5fa8 |
rgb(31,95,168) |
hsl(212,69%,39%) |
#1b5393 |
rgb(27,83,147) |
hsl(212,69%,34%) |
#17477d |
rgb(23,71,125) |
hsl(212,69%,29%) |
#133a67 |
rgb(19,58,103) |
hsl(212,69%,24%) |
#0f2e52 |
rgb(15,46,82) |
hsl(212,69%,19%) |
#0b223c |
rgb(11,34,60) |
hsl(212,69%,14%) |
#071627 |
rgb(7,22,39) |
hsl(212,69%,9%) |
#030a11 |
rgb(3,10,17) |
hsl(212,69%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#7BE8D9 |
rgb(123,232,217) |
hsl(172,70%,70%) |
#7BADE7 |
rgb(123,173,231) |
hsl(212,69%,69%) |
#917AE7 |
rgb(145,122,231) |
hsl(253,69%,69%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#DAE8F8 |
rgb(218,232,248) |
hsl(212,68%,91%) |
#AACCEF |
rgb(170,204,239) |
hsl(210,68%,80%) |
#7BADE7 |
rgb(123,173,231) |
hsl(212,69%,69%) |
#4B8FDE |
rgb(75,143,222) |
hsl(212,69%,58%) |
#2573CB |
rgb(37,115,203) |
hsl(212,69%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#7BADE7 |
rgb(123,173,231) |
hsl(212,69%,69%) |
#E7807B |
rgb(231,128,123) |
hsl(3,69%,69%) |
#E3E87B |
rgb(227,232,123) |
hsl(63,70%,70%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7BADE7 |
rgb(123,173,231) |
hsl(212,69%,69%) |
#E7B57B |
rgb(231,181,123) |
hsl(32,69%,69%) |
#7BE3E7 |
rgb(123,227,231) |
hsl(182,69%,69%) |
#E3E87B |
rgb(227,232,123) |
hsl(63,70%,70%) |