#80aaff HEX color information
| Color | HEX | RGB |
|---|---|---|
| #80aaff | RGB(128, 170, 255) |
Created at 05/17/2023 15:04
RGB values are RGB(128, 170, 255)
#80aaff color contains Red 50.2%, Green 66.67% and Blue 100%.
oklch(74.29% 0.1319 263.5)
#80aaff color contains Red 50.2%, Green 66.67% and Blue 100%.
oklch(74.29% 0.1319 263.5)
Color Names of #80aaff HEX code
≈ Jordy Blue
Classification of #80aaff color
#80aaff is Light and Cool Color Saturation 100%, lightness 75%.
Tint of Cornflower Blue
Alternative colors of #80aaff
Opposite Color for #80aaff is #ffd580
#80aaff Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #80aaff
cmyk
CMYK(50%, 33%, 0%, 0%)
Decimal
8432383
HEX
#80aaff
HSL
hsl(220, 100%, 75%)
HSLA
hsla(220, 100%, 75%, 1)
RGB
RGB(128, 170, 255)
RGBA
RGBA(128, 170, 255, 1)
Palettes for #80aaff color:
Below are examples of color palettes with the #80aaff HEX color
darkest color is #0d1119 from shades and lightest color is #f2f7ff from tints
Shades palette of #80aaff:
#7399e6
#6688cc
#5a77b3
#4d6699
#405580
#334466
#26334d
#1a2233
#0d1119
#000000
Tints palette of #80aaff:
#8db3ff
#99bbff
#a6c4ff
#b3ccff
#c0d5ff
#ccddff
#d9e6ff
#e6eeff
#f2f7ff
#ffffff
Complementary palette of #80aaff:
#80aaff
#ffd580
Triadic palette of #80aaff:
#80aaff
#ff80aa
#aaff80
Square palette of #80aaff:
#80aaff
#ff80ea
#ffd580
#80ff96
Analogous palette of #80aaff:
#80eaff
#80aaff
#9580ff
Split-Complementary palette of #80aaff:
#80aaff
#ff9680
#e9ff80
Rectangle (tetradic) palette of #80aaff:
#80aaff
#d580ff
#ffd580
#aaff80
Suggested color palettes for #80aaff HEX:
Color palette with color #80aaff #1:
Color palette with color #80aaff #2:
Color palette with color #80aaff #3:
Color palette with color #80aaff #4:
Color palette with color #80aaff #5:
Color Contrast
Color pairings of #80aaff with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#80aaff
#80aaffContrast Ratio
2.3:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#80aaff
#80aaffContrast Ratio
9.11:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #80aaff color png
Visit the popular colors list for more colors