#7ba2f5 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #7ba2f5 | RGB(123, 162, 245) |
Created at 10/09/2026 04:14
Classification of #7ba2f5 color
#7ba2f5 is Light and Cool Color Saturation 86%, lightness 72%.
Tint of Cornflower Blue
RGB values are RGB(123, 162, 245)
#7ba2f5 color contains Red 48.24%, Green 63.53% and Blue 96.08%.
oklch(71.85% 0.1291 264.27)
#7ba2f5 color contains Red 48.24%, Green 63.53% and Blue 96.08%.
oklch(71.85% 0.1291 264.27)
Color Names of #7ba2f5 HEX code
≈ Portage
Alternative colors of #7ba2f5
Opposite Color for #7ba2f5 is #f5ce7b
#7ba2f5 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #7ba2f5
cmyk
CMYK(50%, 34%, 0%, 4%)
Decimal
8102645
HEX
#7ba2f5
HSL
hsl(221, 86%, 72%)
HSLA
hsla(221, 86%, 72%, 1)
RGB
RGB(123, 162, 245)
RGBA
RGBA(123, 162, 245, 1)
Palettes for #7ba2f5 color:
Below are examples of color palettes with the #7ba2f5 HEX color
darkest color is #0c1018 from shades and lightest color is #f2f6fe from tints
Shades palette of #7ba2f5:
#6f92dd
#6282c4
#5671ac
#4a6193
#3e517b
#314162
#25314a
#192031
#0c1018
#000000
Tints palette of #7ba2f5:
#88abf6
#95b5f7
#a3bef8
#b0c7f9
#bdd1fa
#cadafb
#d7e3fc
#e5ecfd
#f2f6fe
#ffffff
Complementary palette of #7ba2f5:
#7ba2f5
#f5ce7b
Triadic palette of #7ba2f5:
#7ba2f5
#f57ba2
#a2f57b
Square palette of #7ba2f5:
#7ba2f5
#f57bdf
#f5ce7b
#7bf591
Analogous palette of #7ba2f5:
#7bdff5
#7ba2f5
#917bf5
Split-Complementary palette of #7ba2f5:
#7ba2f5
#f5917b
#dff57b
Rectangle (tetradic) palette of #7ba2f5:
#7ba2f5
#ce7bf5
#f5ce7b
#a2f57b
Suggested color palettes for #7ba2f5 HEX:
Color palette with color #7ba2f5 #1:
Color palette with color #7ba2f5 #2:
Color palette with color #7ba2f5 #3:
Color palette with color #7ba2f5 #4:
Color palette with color #7ba2f5 #5:
Color Contrast
Color pairings of #7ba2f5 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#7ba2f5
#7ba2f5 Contrast Ratio
2.52:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#7ba2f5
#7ba2f5 Contrast Ratio
8.32:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #7ba2f5 color png
Visit the popular colors list for more colors