#7aa2f0 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #7aa2f0 | RGB(122, 162, 240) |
Created at 03/20/2023 06:54
RGB values are RGB(122, 162, 240)
#7aa2f0 color contains Red 47.84%, Green 63.53% and Blue 94.12%.
oklch(71.54% 0.1228 262.94)
#7aa2f0 color contains Red 47.84%, Green 63.53% and Blue 94.12%.
oklch(71.54% 0.1228 262.94)
Color Names of #7aa2f0 HEX code
≈ Portage
Classification of #7aa2f0 color
#7aa2f0 is Light and Cool Color Saturation 80%, lightness 71%.
Tint of Cornflower Blue
Alternative colors of #7aa2f0
Opposite Color for #7aa2f0 is #f0c87a
#7aa2f0 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #7aa2f0
cmyk
CMYK(49%, 33%, 0%, 6%)
Decimal
8037104
HEX
#7aa2f0
HSL
hsl(220, 80%, 71%)
HSLA
hsla(220, 80%, 71%, 1)
RGB
RGB(122, 162, 240)
RGBA
RGBA(122, 162, 240, 1)
Palettes for #7aa2f0 color:
Below are examples of color palettes with the #7aa2f0 HEX color
darkest color is #0c1018 from shades and lightest color is #f2f6fe from tints
Shades palette of #7aa2f0:
#6e92d8
#6282c0
#5571a8
#496190
#3d5178
#314160
#253148
#182030
#0c1018
#000000
Tints palette of #7aa2f0:
#87abf2
#95b5f3
#a2bef5
#afc7f6
#bdd1f8
#cadaf9
#d7e3fb
#e4ecfc
#f2f6fe
#ffffff
Complementary palette of #7aa2f0:
#7aa2f0
#f0c87a
Triadic palette of #7aa2f0:
#7aa2f0
#f07aa2
#a2f07a
Square palette of #7aa2f0:
#7aa2f0
#f07add
#f0c87a
#7af08d
Analogous palette of #7aa2f0:
#7addf0
#7aa2f0
#8d7af0
Split-Complementary palette of #7aa2f0:
#7aa2f0
#f08d7a
#ddf07a
Rectangle (tetradic) palette of #7aa2f0:
#7aa2f0
#c87af0
#f0c87a
#a2f07a
Suggested color palettes for #7aa2f0 HEX:
Color palette with color #7aa2f0 #1:
Color palette with color #7aa2f0 #2:
Color palette with color #7aa2f0 #3:
Color palette with color #7aa2f0 #4:
Color palette with color #7aa2f0 #5:
Color #7aa2f0 used in palettes (1)
Color Contrast
Color pairings of #7aa2f0 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#7aa2f0
#7aa2f0Contrast Ratio
2.54:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#7aa2f0
#7aa2f0Contrast Ratio
8.25:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #7aa2f0 color png
Visit the popular colors list for more colors