#7ca2f0 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #7ca2f0 | RGB(124, 162, 240) |
Created at 03/19/2023 02:19
RGB values are RGB(124, 162, 240)
#7ca2f0 color contains Red 48.63%, Green 63.53% and Blue 94.12%.
oklch(71.66% 0.122 263.79)
#7ca2f0 color contains Red 48.63%, Green 63.53% and Blue 94.12%.
oklch(71.66% 0.122 263.79)
Color Names of #7ca2f0 HEX code
≈ Portage
Classification of #7ca2f0 color
#7ca2f0 is Light and Cool Color Saturation 79%, lightness 71%.
Tint of Cornflower Blue
Alternative colors of #7ca2f0
Opposite Color for #7ca2f0 is #f0ca7c
#7ca2f0 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #7ca2f0
cmyk
CMYK(48%, 33%, 0%, 6%)
Decimal
8168176
HEX
#7ca2f0
HSL
hsl(220, 79%, 71%)
HSLA
hsla(220, 79%, 71%, 1)
RGB
RGB(124, 162, 240)
RGBA
RGBA(124, 162, 240, 1)
Palettes for #7ca2f0 color:
Below are examples of color palettes with the #7ca2f0 HEX color
darkest color is #0c1018 from shades and lightest color is #f2f6fe from tints
Shades palette of #7ca2f0:
#7092d8
#6382c0
#5771a8
#4a6190
#3e5178
#324160
#253148
#192030
#0c1018
#000000
Tints palette of #7ca2f0:
#89abf2
#96b5f3
#a3bef5
#b0c7f6
#bed1f8
#cbdaf9
#d8e3fb
#e5ecfc
#f2f6fe
#ffffff
Complementary palette of #7ca2f0:
#7ca2f0
#f0ca7c
Triadic palette of #7ca2f0:
#7ca2f0
#f07ca2
#a2f07c
Square palette of #7ca2f0:
#7ca2f0
#f07cdc
#f0ca7c
#7cf090
Analogous palette of #7ca2f0:
#7cdcf0
#7ca2f0
#907cf0
Split-Complementary palette of #7ca2f0:
#7ca2f0
#f0907c
#dcf07c
Rectangle (tetradic) palette of #7ca2f0:
#7ca2f0
#ca7cf0
#f0ca7c
#a2f07c
Suggested color palettes for #7ca2f0 HEX:
Color palette with color #7ca2f0 #1:
Color palette with color #7ca2f0 #2:
Color palette with color #7ca2f0 #3:
Color palette with color #7ca2f0 #4:
Color palette with color #7ca2f0 #5:
Color #7ca2f0 used in palettes (1)
Color Contrast
Color pairings of #7ca2f0 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#7ca2f0
#7ca2f0 Contrast Ratio
2.53:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#7ca2f0
#7ca2f0 Contrast Ratio
8.28:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #7ca2f0 color png
Visit the popular colors list for more colors