#7ba4e9 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #7ba4e9 | RGB(123, 164, 233) |
Created at 03/01/2023 13:51
Classification of #7ba4e9 color
#7ba4e9 is Light and Cool Color Saturation 71%, lightness 70%.
Tint of Cornflower Blue
RGB values are RGB(123, 164, 233)
#7ba4e9 color contains Red 48.24%, Green 64.31% and Blue 91.37%.
oklch(71.68% 0.1109 260.47)
#7ba4e9 color contains Red 48.24%, Green 64.31% and Blue 91.37%.
oklch(71.68% 0.1109 260.47)
Color Names of #7ba4e9 HEX code
≈ Portage
Alternative colors of #7ba4e9
Opposite Color for #7ba4e9 is #e9c07b
#7ba4e9 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #7ba4e9
cmyk
CMYK(47%, 30%, 0%, 9%)
Decimal
8103145
HEX
#7ba4e9
HSL
hsl(218, 71%, 70%)
HSLA
hsla(218, 71%, 70%, 1)
RGB
RGB(123, 164, 233)
RGBA
RGBA(123, 164, 233, 1)
Palettes for #7ba4e9 color:
Below are examples of color palettes with the #7ba4e9 HEX color
darkest color is #0c1017 from shades and lightest color is #f2f6fd from tints
Shades palette of #7ba4e9:
#6f94d2
#6283ba
#5673a3
#4a628c
#3e5275
#31425d
#253146
#19212f
#0c1017
#000000
Tints palette of #7ba4e9:
#88adeb
#95b6ed
#a3bff0
#b0c8f2
#bdd2f4
#cadbf6
#d7e4f8
#e5edfb
#f2f6fd
#ffffff
Complementary palette of #7ba4e9:
#7ba4e9
#e9c07b
Triadic palette of #7ba4e9:
#7ba4e9
#e97ba4
#a4e97b
Square palette of #7ba4e9:
#7ba4e9
#e97bdb
#e9c07b
#7be989
Analogous palette of #7ba4e9:
#7bdbe9
#7ba4e9
#897be9
Split-Complementary palette of #7ba4e9:
#7ba4e9
#e9897b
#dbe97b
Rectangle (tetradic) palette of #7ba4e9:
#7ba4e9
#c07be9
#e9c07b
#a4e97b
Suggested color palettes for #7ba4e9 HEX:
Color palette with color #7ba4e9 #1:
Color palette with color #7ba4e9 #2:
Color palette with color #7ba4e9 #3:
Color palette with color #7ba4e9 #4:
Color palette with color #7ba4e9 #5:
Color #7ba4e9 used in palettes (2)
Color Contrast
Color pairings of #7ba4e9 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#7ba4e9
#7ba4e9 Contrast Ratio
2.52:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#7ba4e9
#7ba4e9 Contrast Ratio
8.32:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #7ba4e9 color png
Visit the popular colors list for more colors