#7cb4ec HEX color information
| Color | HEX | RGB |
|---|---|---|
| #7cb4ec | RGB(124, 180, 236) |
Created at 02/21/2023 09:56
RGB values are RGB(124, 180, 236)
#7cb4ec color contains Red 48.63%, Green 70.59% and Blue 92.55%.
oklch(75.29% 0.1002 249.28)
#7cb4ec color contains Red 48.63%, Green 70.59% and Blue 92.55%.
oklch(75.29% 0.1002 249.28)
Color Names of #7cb4ec HEX code
≈ Jordy Blue
Classification of #7cb4ec color
#7cb4ec is Light and Cool Color Saturation 75%, lightness 71%.
Shade of Light Sky Blue
Alternative colors of #7cb4ec
Opposite Color for #7cb4ec is #ecb47c
#7cb4ec Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #7cb4ec
cmyk
CMYK(47%, 24%, 0%, 7%)
Decimal
8172780
HEX
#7cb4ec
HSL
hsl(210, 75%, 71%)
HSLA
hsla(210, 75%, 71%, 1)
RGB
RGB(124, 180, 236)
RGBA
RGBA(124, 180, 236, 1)
Palettes for #7cb4ec color:
Below are examples of color palettes with the #7cb4ec HEX color
darkest color is #0c1218 from shades and lightest color is #f2f8fd from tints
Shades palette of #7cb4ec:
#70a2d4
#6390bd
#577ea5
#4a6c8e
#3e5a76
#32485e
#253647
#19242f
#0c1218
#000000
Tints palette of #7cb4ec:
#89bcee
#96c3f0
#a3cbf2
#b0d2f4
#bedaf6
#cbe1f7
#d8e9f9
#e5f0fb
#f2f8fd
#ffffff
Complementary palette of #7cb4ec:
#7cb4ec
#ecb47c
Triadic palette of #7cb4ec:
#7cb4ec
#ec7cb4
#b4ec7c
Square palette of #7cb4ec:
#7cb4ec
#ec7cec
#ecb47c
#7cec7c
Analogous palette of #7cb4ec:
#7cecec
#7cb4ec
#7c7cec
Split-Complementary palette of #7cb4ec:
#7cb4ec
#ec7c7c
#ecec7c
Rectangle (tetradic) palette of #7cb4ec:
#7cb4ec
#b47cec
#ecb47c
#b4ec7c
Suggested color palettes for #7cb4ec HEX:
Color palette with color #7cb4ec #1:
Color palette with color #7cb4ec #2:
Color palette with color #7cb4ec #3:
Color palette with color #7cb4ec #4:
Color palette with color #7cb4ec #5:
Color #7cb4ec used in palettes (11)
Web design political campaign grid politics coloursPolice black lives matter poster copsDesign cambodia vector artwork coloursDesign ui dashboard paletteLogo design branding identityFigma freelance app ui design uxuidesign hex colorsWeb brand branding ux paletteSeo agency service ui coloursLogodesign website ui stayhome hex colorsUi sign up ux app design hex colorsWebsite builder wordpress product graphic design hex colors
Color Contrast
Color pairings of #7cb4ec with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#7cb4ec
#7cb4ecContrast Ratio
2.18:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#7cb4ec
#7cb4ecContrast Ratio
9.59:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #7cb4ec color png
Visit the popular colors list for more colors