#7ba8e0 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #7ba8e0 | RGB(123, 168, 224) |
Created at 12/03/2023 09:49
RGB values are RGB(123, 168, 224)
#7ba8e0 color contains Red 48.24%, Green 65.88% and Blue 87.84%.
oklch(72.11% 0.0955 254.33)
#7ba8e0 color contains Red 48.24%, Green 65.88% and Blue 87.84%.
oklch(72.11% 0.0955 254.33)
Color Names of #7ba8e0 HEX code
≈ Portage
Classification of #7ba8e0 color
#7ba8e0 is Light and Cool Color Saturation 62%, lightness 68%.
Tint of Cornflower Blue
Alternative colors of #7ba8e0
Opposite Color for #7ba8e0 is #e0b37b
#7ba8e0 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #7ba8e0
cmyk
CMYK(45%, 25%, 0%, 12%)
Decimal
8104160
HEX
#7ba8e0
HSL
hsl(213, 62%, 68%)
HSLA
hsla(213, 62%, 68%, 1)
RGB
RGB(123, 168, 224)
RGBA
RGBA(123, 168, 224, 1)
Palettes for #7ba8e0 color:
Below are examples of color palettes with the #7ba8e0 HEX color
darkest color is #0c1116 from shades and lightest color is #f2f6fc from tints
Shades palette of #7ba8e0:
#6f97ca
#6286b3
#56769d
#4a6586
#3e5470
#31435a
#253243
#19222d
#0c1116
#000000
Tints palette of #7ba8e0:
#88b1e3
#95b9e6
#a3c2e9
#b0cbec
#bdd4f0
#cadcf3
#d7e5f6
#e5eef9
#f2f6fc
#ffffff
Complementary palette of #7ba8e0:
#7ba8e0
#e0b37b
Triadic palette of #7ba8e0:
#7ba8e0
#e07ba8
#a8e07b
Square palette of #7ba8e0:
#7ba8e0
#e07bdb
#e0b37b
#7be081
Analogous palette of #7ba8e0:
#7bdae0
#7ba8e0
#807be0
Split-Complementary palette of #7ba8e0:
#7ba8e0
#e0807b
#dbe07b
Rectangle (tetradic) palette of #7ba8e0:
#7ba8e0
#b37be0
#e0b37b
#a8e07b
Suggested color palettes for #7ba8e0 HEX:
Color palette with color #7ba8e0 #1:
Color palette with color #7ba8e0 #2:
Color palette with color #7ba8e0 #3:
Color palette with color #7ba8e0 #4:
Color palette with color #7ba8e0 #5:
Color Contrast
Color pairings of #7ba8e0 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#7ba8e0
#7ba8e0Contrast Ratio
2.46:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#7ba8e0
#7ba8e0Contrast Ratio
8.51:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #7ba8e0 color png
Visit the popular colors list for more colors