#7baefd HEX color information
| Color | HEX | RGB |
|---|---|---|
| #7baefd | RGB(123, 174, 253) |
Created at 03/08/2023 21:44
RGB values are RGB(123, 174, 253)
#7baefd color contains Red 48.24%, Green 68.24% and Blue 99.22%.
oklch(74.75% 0.1271 258.88)
#7baefd color contains Red 48.24%, Green 68.24% and Blue 99.22%.
oklch(74.75% 0.1271 258.88)
Color Names of #7baefd HEX code
≈ Jordy Blue
Classification of #7baefd color
#7baefd is Light and Cool Color Saturation 97%, lightness 74%.
Tint of Cornflower Blue
Alternative colors of #7baefd
Opposite Color for #7baefd is #fdca7b
#7baefd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #7baefd
cmyk
CMYK(51%, 31%, 0%, 1%)
Decimal
8105725
HEX
#7baefd
HSL
hsl(216, 97%, 74%)
HSLA
hsla(216, 97%, 74%, 1)
RGB
RGB(123, 174, 253)
RGBA
RGBA(123, 174, 253, 1)
Palettes for #7baefd color:
Below are examples of color palettes with the #7baefd HEX color
darkest color is #0c1119 from shades and lightest color is #f2f7ff from tints
Shades palette of #7baefd:
#6f9de4
#628bca
#567ab1
#4a6898
#3e577f
#314665
#25344c
#192333
#0c1119
#000000
Tints palette of #7baefd:
#88b6fd
#95befd
#a3c6fe
#b0cefe
#bdd7fe
#cadffe
#d7e7fe
#e5efff
#f2f7ff
#ffffff
Complementary palette of #7baefd:
#7baefd
#fdca7b
Triadic palette of #7baefd:
#7baefd
#fd7bae
#aefd7b
Square palette of #7baefd:
#7baefd
#fd7bef
#fdca7b
#7bfd89
Analogous palette of #7baefd:
#7beffd
#7baefd
#897bfd
Split-Complementary palette of #7baefd:
#7baefd
#fd897b
#effd7b
Rectangle (tetradic) palette of #7baefd:
#7baefd
#ca7bfd
#fdca7b
#aefd7b
Suggested color palettes for #7baefd HEX:
Color palette with color #7baefd #1:
Color palette with color #7baefd #2:
Color palette with color #7baefd #3:
Color palette with color #7baefd #4:
Color palette with color #7baefd #5:
Color #7baefd used in palettes (2)
Color Contrast
Color pairings of #7baefd with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#7baefd
#7baefdContrast Ratio
2.25:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#7baefd
#7baefdContrast Ratio
9.31:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #7baefd color png
Visit the popular colors list for more colors