#7ca2f9 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #7ca2f9 | RGB(124, 162, 249) |
Created at 02/20/2023 20:16
RGB values are RGB(124, 162, 249)
#7ca2f9 color contains Red 48.63%, Green 63.53% and Blue 97.65%.
oklch(72.12% 0.1341 265.3)
#7ca2f9 color contains Red 48.63%, Green 63.53% and Blue 97.65%.
oklch(72.12% 0.1341 265.3)
Color Names of #7ca2f9 HEX code
≈ Portage
Classification of #7ca2f9 color
#7ca2f9 is Light and Cool Color Saturation 91%, lightness 73%.
Tint of Cornflower Blue
Alternative colors of #7ca2f9
Opposite Color for #7ca2f9 is #f9d37c
#7ca2f9 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #7ca2f9
cmyk
CMYK(50%, 35%, 0%, 2%)
Decimal
8168185
HEX
#7ca2f9
HSL
hsl(222, 91%, 73%)
HSLA
hsla(222, 91%, 73%, 1)
RGB
RGB(124, 162, 249)
RGBA
RGBA(124, 162, 249, 1)
Palettes for #7ca2f9 color:
Below are examples of color palettes with the #7ca2f9 HEX color
darkest color is #0c1019 from shades and lightest color is #f2f6fe from tints
Shades palette of #7ca2f9:
#7092e0
#6382c7
#5771ae
#4a6195
#3e517d
#324164
#25314b
#192032
#0c1019
#000000
Tints palette of #7ca2f9:
#89abfa
#96b5fa
#a3befb
#b0c7fb
#bed1fc
#cbdafd
#d8e3fd
#e5ecfe
#f2f6fe
#ffffff
Complementary palette of #7ca2f9:
#7ca2f9
#f9d37c
Triadic palette of #7ca2f9:
#7ca2f9
#f97ca2
#a2f97c
Square palette of #7ca2f9:
#7ca2f9
#f97ce1
#f9d37c
#7cf994
Analogous palette of #7ca2f9:
#7ce1f9
#7ca2f9
#947cf9
Split-Complementary palette of #7ca2f9:
#7ca2f9
#f9947c
#e1f97c
Rectangle (tetradic) palette of #7ca2f9:
#7ca2f9
#d37cf9
#f9d37c
#a2f97c
Suggested color palettes for #7ca2f9 HEX:
Color palette with color #7ca2f9 #1:
Color palette with color #7ca2f9 #2:
Color palette with color #7ca2f9 #3:
Color palette with color #7ca2f9 #4:
Color palette with color #7ca2f9 #5:
Color #7ca2f9 used in palettes (1)
Color Contrast
Color pairings of #7ca2f9 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#7ca2f9
#7ca2f9Contrast Ratio
2.5:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#7ca2f9
#7ca2f9Contrast Ratio
8.39:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #7ca2f9 color png
Visit the popular colors list for more colors