Created at 02/21/2023 02:34
#7c7c80 HEX Color information
Color | HEX | RGB |
#7c7c80 | RGB(124, 124, 128) |
RGB values are RGB(124, 124, 128)
#7c7c80 color contain Red 48.63%, Green 48.63% and Blue 50.2%.
Color Names of #7c7c80 HEX code
Gray (HTML/CSS Gray) Color
Alternative colors of #7c7c80
Opposite Color for #7c7c80 is #7f7f7a
#7c7c80 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #7c7c80
Decimal
8158336
HEX
#7c7c80
HSL
hsl(240, 2%, 49%)
HSLA
hsla(240, 2%, 49%, 1)
RGB
RGB(124, 124, 128)
RGBA
RGBA(124, 124, 128, 1)
Palettes for #7c7c80 color:
Below examples of color palettes for #7c7c80 HEX color
darkest color is #0c0c0d from shades and lightest color is #f2f2f2 from tints
Shades palette of #7c7c80:
Tints palette of #7c7c80:
Complementary palette of #7c7c80:
Triadic palette of #7c7c80:
Square palette of #7c7c80:
Analogous palette of #7c7c80:
Split-Complementary palette of #7c7c80:
Rectangle (tetradic) palette of #7c7c80:
Suggested colors palettes for #7c7c80 HEX:
Color #7c7c80 used in palettes (18)
Shades of Ghost White #F8F8FF hex color Tints of Black Russian color #24252B hex Shades X11 color Ghost White #F8F8FF hex Accessibility writing microcopy ux hex colors Ux typography uiux uxdesign colours Card interaction product ui palette Design animation ui css colors Logo letter logotype symbol colors Black Russian Infinity logo creative graphic design 3d colours Identity mark logo music colors Illustration ui vector remind colors Ui trends challenge dailyui illustration colors Mobile website tweet tool home page twitter editor hex colors Security hub logo brand identity abastact hex colors Data iphone chart ux colours Minimal data viz ui iphone colors palette Second Pound
Color Contrast
Color pairings #7c7c80 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#7c7c80
#7c7c80 Contrast Ratio
4.15:1
Size | AA-level | AAA-level |
Large text: | ||
Small text: |
#7c7c80
#7c7c80 Contrast Ratio
5.05:1
Size | AA-level | AAA-level |
Large text: | ||
Small text: |