#7ba4df HEX color information
| Color | HEX | RGB |
|---|---|---|
| #7ba4df | RGB(123, 164, 223) |
Created at 11/13/2026 03:03
RGB values are RGB(123, 164, 223)
#7ba4df color contains Red 48.24%, Green 64.31% and Blue 87.45%.
oklch(71.21% 0.0978 257.45)
#7ba4df color contains Red 48.24%, Green 64.31% and Blue 87.45%.
oklch(71.21% 0.0978 257.45)
Color Names of #7ba4df HEX code
≈ Portage
Classification of #7ba4df color
#7ba4df is Light and Cool Color Saturation 61%, lightness 68%.
Tint of Cornflower Blue
Alternative colors of #7ba4df
Opposite Color for #7ba4df is #dfb67b
#7ba4df Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #7ba4df
cmyk
CMYK(45%, 26%, 0%, 13%)
Decimal
8103135
HEX
#7ba4df
HSL
hsl(215, 61%, 68%)
HSLA
hsla(215, 61%, 68%, 1)
RGB
RGB(123, 164, 223)
RGBA
RGBA(123, 164, 223, 1)
Palettes for #7ba4df color:
Below are examples of color palettes with the #7ba4df HEX color
darkest color is #0c1016 from shades and lightest color is #f2f6fc from tints
Shades palette of #7ba4df:
#6f94c9
#6283b2
#56739c
#4a6286
#3e5270
#314259
#253143
#19212d
#0c1016
#000000
Tints palette of #7ba4df:
#88ade2
#95b6e5
#a3bfe9
#b0c8ec
#bdd2ef
#cadbf2
#d7e4f5
#e5edf9
#f2f6fc
#ffffff
Complementary palette of #7ba4df:
#7ba4df
#dfb67b
Triadic palette of #7ba4df:
#7ba4df
#df7ba4
#a4df7b
Square palette of #7ba4df:
#7ba4df
#df7bd6
#dfb67b
#7bdf84
Analogous palette of #7ba4df:
#7bd6df
#7ba4df
#847bdf
Split-Complementary palette of #7ba4df:
#7ba4df
#df847b
#d6df7b
Rectangle (tetradic) palette of #7ba4df:
#7ba4df
#b67bdf
#dfb67b
#a4df7b
Suggested color palettes for #7ba4df HEX:
Color palette with color #7ba4df #1:
Color palette with color #7ba4df #2:
Color palette with color #7ba4df #3:
Color palette with color #7ba4df #4:
Color palette with color #7ba4df #5:
Color Contrast
Color pairings of #7ba4df with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#7ba4df
#7ba4dfContrast Ratio
2.55:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#7ba4df
#7ba4dfContrast Ratio
8.21:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #7ba4df color png
Visit the popular colors list for more colors