#7caaff HEX color information
| Color | HEX | RGB |
|---|---|---|
| #7caaff | RGB(124, 170, 255) |
Created at 10/02/2026 10:50
RGB values are RGB(124, 170, 255)
#7caaff color contains Red 48.63%, Green 66.67% and Blue 100%.
oklch(74.07% 0.1334 261.98)
#7caaff color contains Red 48.63%, Green 66.67% and Blue 100%.
oklch(74.07% 0.1334 261.98)
Color Names of #7caaff HEX code
≈ Jordy Blue
Classification of #7caaff color
#7caaff is Light and Cool Color Saturation 100%, lightness 74%.
Tint of Cornflower Blue
Alternative colors of #7caaff
Opposite Color for #7caaff is #ffd17c
#7caaff Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #7caaff
cmyk
CMYK(51%, 33%, 0%, 0%)
Decimal
8170239
HEX
#7caaff
HSL
hsl(219, 100%, 74%)
HSLA
hsla(219, 100%, 74%, 1)
RGB
RGB(124, 170, 255)
RGBA
RGBA(124, 170, 255, 1)
Palettes for #7caaff color:
Below are examples of color palettes with the #7caaff HEX color
darkest color is #0c1119 from shades and lightest color is #f2f7ff from tints
Shades palette of #7caaff:
#7099e6
#6388cc
#5777b3
#4a6699
#3e5580
#324466
#25334d
#192233
#0c1119
#000000
Tints palette of #7caaff:
#89b3ff
#96bbff
#a3c4ff
#b0ccff
#bed5ff
#cbddff
#d8e6ff
#e5eeff
#f2f7ff
#ffffff
Complementary palette of #7caaff:
#7caaff
#ffd17c
Triadic palette of #7caaff:
#7caaff
#ff7caa
#aaff7c
Square palette of #7caaff:
#7caaff
#ff7ceb
#ffd17c
#7cff90
Analogous palette of #7caaff:
#7cebff
#7caaff
#907cff
Split-Complementary palette of #7caaff:
#7caaff
#ff907c
#ebff7c
Rectangle (tetradic) palette of #7caaff:
#7caaff
#d17cff
#ffd17c
#aaff7c
Suggested color palettes for #7caaff HEX:
Color palette with color #7caaff #1:
Color palette with color #7caaff #2:
Color palette with color #7caaff #3:
Color palette with color #7caaff #4:
Color palette with color #7caaff #5:
Color Contrast
Color pairings of #7caaff with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#7caaff
#7caaffContrast Ratio
2.32:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#7caaff
#7caaffContrast Ratio
9.05:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #7caaff color png
Visit the popular colors list for more colors