#7cc4f4 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #7cc4f4 | RGB(124, 196, 244) |
Created at 02/22/2023 17:30
RGB values are RGB(124, 196, 244)
#7cc4f4 color contains Red 48.63%, Green 76.86% and Blue 95.69%.
oklch(79.10% 0.0996 238.97)
#7cc4f4 color contains Red 48.63%, Green 76.86% and Blue 95.69%.
oklch(79.10% 0.0996 238.97)
Color Names of #7cc4f4 HEX code
Maya Blue Color
≈ Malibu
Classification of #7cc4f4 color
#7cc4f4 is Light and Cool Color Saturation 85%, lightness 72%.
Shade of Light Sky Blue
Alternative colors of #7cc4f4
Opposite Color for #7cc4f4 is #f4ac7c
#7cc4f4 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #7cc4f4
cmyk
CMYK(49%, 20%, 0%, 4%)
Decimal
8176884
HEX
#7cc4f4
HSL
hsl(204, 85%, 72%)
HSLA
hsla(204, 85%, 72%, 1)
RGB
RGB(124, 196, 244)
RGBA
RGBA(124, 196, 244, 1)
Palettes for #7cc4f4 color:
Below are examples of color palettes with the #7cc4f4 HEX color
darkest color is #0c1418 from shades and lightest color is #f2f9fe from tints
Shades palette of #7cc4f4:
#70b0dc
#639dc3
#5789ab
#4a7692
#3e627a
#324e62
#253b49
#192731
#0c1418
#000000
Tints palette of #7cc4f4:
#89caf5
#96d0f6
#a3d6f7
#b0dcf8
#bee2fa
#cbe7fb
#d8edfc
#e5f3fd
#f2f9fe
#ffffff
Complementary palette of #7cc4f4:
#7cc4f4
#f4ac7c
Triadic palette of #7cc4f4:
#7cc4f4
#f47cc4
#c4f47c
Square palette of #7cc4f4:
#7cc4f4
#e87cf4
#f4ac7c
#88f47c
Analogous palette of #7cc4f4:
#7cf4e8
#7cc4f4
#7c88f4
Split-Complementary palette of #7cc4f4:
#7cc4f4
#f47c88
#f4e87c
Rectangle (tetradic) palette of #7cc4f4:
#7cc4f4
#ac7cf4
#f4ac7c
#c4f47c
Suggested color palettes for #7cc4f4 HEX:
Color palette with color #7cc4f4 #1:
Color palette with color #7cc4f4 #2:
Color palette with color #7cc4f4 #3:
Color palette with color #7cc4f4 #4:
Color palette with color #7cc4f4 #5:
Color #7cc4f4 used in palettes (22)
Ios app design material ui ux paletteUx design minimal colors paletteMascot logo animal wolf coloursUx typography educational education app hex colorsUidesign mobile app ui ux design coloursLogo grey website design web colors paletteDribbble indonesia startup illustration artwork colors paletteUi wireframe ux app hex colorsPeople business illustration vector coloursCouch modern ui illustration colors paletteCrm dashboad user experience colors paletteDigital art poster vector abstract hex colorsWebdesigner uidesign agency web design webdesignLogo branding motion graphics mobile app paletteVisualization data ecommerce isometric colors paletteIphone app doctor design paletteWebsite dashboard ux business hex colorsUi wordpress articles blog coloursWeb site business website designer page palettePopular logo user interface finance paletteUpload avatar chat ui design coloursLanding website designer business hex colors
Color Contrast
Color pairings of #7cc4f4 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#7cc4f4
#7cc4f4Contrast Ratio
1.89:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#7cc4f4
#7cc4f4Contrast Ratio
11.05:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #7cc4f4 color png
Visit the popular colors list for more colors