HEX #7BABE6 color — Portage
The color #7BABE6 is a light shade and slightly desaturated.
Palette
7BABE6 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(213,68%,99%) |
#e5effa |
rgb(229,239,250) |
hsl(213,68%,94%) |
#d0e1f6 |
rgb(208,225,246) |
hsl(213,68%,89%) |
#bad3f2 |
rgb(186,211,242) |
hsl(213,68%,84%) |
#a5c6ee |
rgb(165,198,238) |
hsl(213,68%,79%) |
#90b8ea |
rgb(144,184,234) |
hsl(213,68%,74%) |
#7aabe6 |
rgb(122,171,230) |
hsl(213,68%,69%) |
#659de2 |
rgb(101,157,226) |
hsl(213,68%,64%) |
#4f8fde |
rgb(79,143,222) |
hsl(213,68%,59%) |
#3a82d9 |
rgb(58,130,217) |
hsl(213,68%,54%) |
#2874d2 |
rgb(40,116,210) |
hsl(213,68%,49%) |
#2469bc |
rgb(36,105,188) |
hsl(213,68%,44%) |
#205da7 |
rgb(32,93,167) |
hsl(213,68%,39%) |
#1c5192 |
rgb(28,81,146) |
hsl(213,68%,34%) |
#18457c |
rgb(24,69,124) |
hsl(213,68%,29%) |
#143967 |
rgb(20,57,103) |
hsl(213,68%,24%) |
#102d51 |
rgb(16,45,81) |
hsl(213,68%,19%) |
#0b213c |
rgb(11,33,60) |
hsl(213,68%,14%) |
#071527 |
rgb(7,21,39) |
hsl(213,68%,9%) |
#030a11 |
rgb(3,10,17) |
hsl(213,68%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#7BE6D9 |
rgb(123,230,217) |
hsl(173,68%,69%) |
#7BABE6 |
rgb(123,171,230) |
hsl(213,68%,69%) |
#927AE6 |
rgb(146,122,230) |
hsl(253,68%,69%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D9E8F7 |
rgb(217,232,247) |
hsl(210,65%,91%) |
#AAC9EE |
rgb(170,201,238) |
hsl(213,67%,80%) |
#7BABE6 |
rgb(123,171,230) |
hsl(213,68%,69%) |
#4B8CDD |
rgb(75,140,221) |
hsl(213,68%,58%) |
#2670C9 |
rgb(38,112,201) |
hsl(213,68%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#7BABE6 |
rgb(123,171,230) |
hsl(213,68%,69%) |
#E6807B |
rgb(230,128,123) |
hsl(3,68%,69%) |
#E0E67B |
rgb(224,230,123) |
hsl(63,68%,69%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7BABE6 |
rgb(123,171,230) |
hsl(213,68%,69%) |
#E6B57B |
rgb(230,181,123) |
hsl(33,68%,69%) |
#7BE0E6 |
rgb(123,224,230) |
hsl(183,68%,69%) |
#E0E67B |
rgb(224,230,123) |
hsl(63,68%,69%) |