#7ab5f6 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #7ab5f6 | RGB(122, 181, 246) |
Created at 10/23/2026 17:48
RGB values are RGB(122, 181, 246)
#7ab5f6 color contains Red 47.84%, Green 70.98% and Blue 96.47%.
oklch(75.85% 0.1125 251.73)
#7ab5f6 color contains Red 47.84%, Green 70.98% and Blue 96.47%.
oklch(75.85% 0.1125 251.73)
Color Names of #7ab5f6 HEX code
≈ Jordy Blue
Classification of #7ab5f6 color
#7ab5f6 is Light and Cool Color Saturation 87%, lightness 72%.
Shade of Light Sky Blue
Alternative colors of #7ab5f6
Opposite Color for #7ab5f6 is #f6bb7a
#7ab5f6 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #7ab5f6
cmyk
CMYK(50%, 26%, 0%, 4%)
Decimal
8041974
HEX
#7ab5f6
HSL
hsl(211, 87%, 72%)
HSLA
hsla(211, 87%, 72%, 1)
RGB
RGB(122, 181, 246)
RGBA
RGBA(122, 181, 246, 1)
Palettes for #7ab5f6 color:
Below are examples of color palettes with the #7ab5f6 HEX color
darkest color is #0c1219 from shades and lightest color is #f2f8fe from tints
Shades palette of #7ab5f6:
#6ea3dd
#6291c5
#557fac
#496d94
#3d5b7b
#314862
#25364a
#182431
#0c1219
#000000
Tints palette of #7ab5f6:
#87bcf7
#95c4f8
#a2cbf9
#afd3fa
#bddafb
#cae1fb
#d7e9fc
#e4f0fd
#f2f8fe
#ffffff
Complementary palette of #7ab5f6:
#7ab5f6
#f6bb7a
Triadic palette of #7ab5f6:
#7ab5f6
#f67ab5
#b5f67a
Square palette of #7ab5f6:
#7ab5f6
#f67af3
#f6bb7a
#7af67d
Analogous palette of #7ab5f6:
#7af3f6
#7ab5f6
#7d7af6
Split-Complementary palette of #7ab5f6:
#7ab5f6
#f67d7a
#f3f67a
Rectangle (tetradic) palette of #7ab5f6:
#7ab5f6
#bb7af6
#f6bb7a
#b5f67a
Suggested color palettes for #7ab5f6 HEX:
Color palette with color #7ab5f6 #1:
Color palette with color #7ab5f6 #2:
Color palette with color #7ab5f6 #3:
Color palette with color #7ab5f6 #4:
Color palette with color #7ab5f6 #5:
Color Contrast
Color pairings of #7ab5f6 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#7ab5f6
#7ab5f6Contrast Ratio
2.14:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#7ab5f6
#7ab5f6Contrast Ratio
9.76:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #7ab5f6 color png
Visit the popular colors list for more colors