#424242
Material grey-800Color code information, RGB and HSL conversion values, WCAG accessibility contrast ratios, color harmonies, tints, and shades for #424242.
Color Swatch#424242
Best Text: White
The quick brown fox jumps over the lazy dog.
Sample typography preview rendered in #ffffff (white) text for optimal readability.
Color Values & Conversions
HEX#424242
RGBrgb(66, 66, 66)
HSLhsl(0, 0%, 26%)
CMYKcmyk(0%, 0%, 0%, 74%)
WCAG Contrast Ratios
Contrast evaluation under WCAG 2.1 standards. Normal text requires 4.5:1 (AA) or 7.0:1 (AAA). Large text (≥18pt or 14pt bold) requires 3.0:1 (AA) or 4.5:1 (AAA).
Against White10.05:1
White Text Preview
Normal AA:Pass
Normal AAA:Pass
Large AA:Pass
Large AAA:Pass
Against Black1.88:1
Black Text Preview
Normal AA:Fail
Normal AAA:Fail
Large AA:Fail
Large AAA:Fail
Color Harmonies
Complementary (180°)
Triadic (±120°)
Analogous (±30°)
Tints & Shades
Tints (Mixing toward White)
#5e5e5e+15%
#7b7b7b+30%
#979797+45%
#b3b3b3+60%
#d0d0d0+75%
Shades (Mixing toward Black)
#383838-15%
#2e2e2e-30%
#242424-45%
#1a1a1a-60%
#111111-75%
Color Names
- material-grey-800Material Design
Also known as:
material-grey-800
Want to extract colors from an image?
Upload or drag any photo, screenshot, or graphic to sample pixel-exact colors with a 10× zoom loupe, extract dominant palettes, and copy CSS variables.