#7cb4e4 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #7cb4e4 | RGB(124, 180, 228) |
Created at 02/21/2023 18:26
RGB values are RGB(124, 180, 228)
#7cb4e4 color contains Red 48.63%, Green 70.59% and Blue 89.41%.
oklch(74.94% 0.091 245.29)
#7cb4e4 color contains Red 48.63%, Green 70.59% and Blue 89.41%.
oklch(74.94% 0.091 245.29)
Color Names of #7cb4e4 HEX code
Aero Color
≈ Jordy Blue
Classification of #7cb4e4 color
#7cb4e4 is Light and Cool Color Saturation 66%, lightness 69%.
Shade of Light Sky Blue
Alternative colors of #7cb4e4
Opposite Color for #7cb4e4 is #e4ac7c
#7cb4e4 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #7cb4e4
cmyk
CMYK(46%, 21%, 0%, 11%)
Decimal
8172772
HEX
#7cb4e4
HSL
hsl(208, 66%, 69%)
HSLA
hsla(208, 66%, 69%, 1)
RGB
RGB(124, 180, 228)
RGBA
RGBA(124, 180, 228, 1)
Palettes for #7cb4e4 color:
Below are examples of color palettes with the #7cb4e4 HEX color
darkest color is #0c1217 from shades and lightest color is #f2f8fc from tints
Shades palette of #7cb4e4:
#70a2cd
#6390b6
#577ea0
#4a6c89
#3e5a72
#32485b
#253644
#19242e
#0c1217
#000000
Tints palette of #7cb4e4:
#89bce7
#96c3e9
#a3cbec
#b0d2ef
#bedaf2
#cbe1f4
#d8e9f7
#e5f0fa
#f2f8fc
#ffffff
Complementary palette of #7cb4e4:
#7cb4e4
#e4ac7c
Triadic palette of #7cb4e4:
#7cb4e4
#e47cb4
#b4e47c
Square palette of #7cb4e4:
#7cb4e4
#e07ce4
#e4ac7c
#80e47c
Analogous palette of #7cb4e4:
#7ce4e0
#7cb4e4
#7c80e4
Split-Complementary palette of #7cb4e4:
#7cb4e4
#e47c80
#e4e07c
Rectangle (tetradic) palette of #7cb4e4:
#7cb4e4
#ac7ce4
#e4ac7c
#b4e47c
Suggested color palettes for #7cb4e4 HEX:
Color palette with color #7cb4e4 #1:
Color palette with color #7cb4e4 #2:
Color palette with color #7cb4e4 #3:
Color palette with color #7cb4e4 #4:
Color palette with color #7cb4e4 #5:
Color #7cb4e4 used in palettes (14)
City building architecture amsterdam coloursSebastian character disney little mermaid colors paletteChina badge illustration vector paletteCss webdesign tricks html coloursTypography clean ui ux design coloursMinimalist mobile ui app design coloursTheme ux ui colorInterface motion graphics animation 3d art colorsFlyer design illustration typography paletteGraphic design vector illustrator wrappingLogin illustration web graphic design paletteLogo nft illustration gameboard paletteTypography lgbtq pride logotype colorsPride typography vector gay palette
Color Contrast
Color pairings of #7cb4e4 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#7cb4e4
#7cb4e4Contrast Ratio
2.2:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#7cb4e4
#7cb4e4Contrast Ratio
9.5:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #7cb4e4 color png
Visit the popular colors list for more colors