Stonewall Grey | c1c1c1

#c1c1c1 Color Description

The color, represented by the hex code #c1c1c1, has several defining characteristics. This shade is primarily a light and almost gray representation of Pink.

Brightness 193, luminance 0.533 — This color has a moderate level of brightness, neither too dark nor too light.

In the RGB color space, the hexadecimal code '#c1c1c1' is a shade of gray. Red: 75.7%, Green: 75.7%, Blue: 75.7%.

Color Schemes

Explore transformations of the color #c1c1c1 using analogous, monochromatic, split-complementary, triadic, tetradic and complementary schemes.

Analogous Colors
#c1c1c1
#c1c1c1
#c1c1c1
#c1c1c1
#c1c1c1
#c1c1c1
Monochromatic Colors
#060606
#0e0e0e
#171717
#1f1f1f
#282828
#303030
#393939
#414141
#4a4a4a
#525252
#5b5b5b
#636363
#6c6c6c
#747474
#7d7d7d
#858585
#8e8e8e
#969696
#9f9f9f
#a7a7a7
#b0b0b0
#b8b8b8
#c1c1c1
#c9c9c9
#d2d2d2
#dadada
#e3e3e3
#ebebeb
#f4f4f4
#fcfcfc
Split Complementary Colors
#c1c1c1
#c1c1c1
#c1c1c1
Triadic Colors
#c1c1c1
#c1c1c1
#c1c1c1
Tetradic Colors
#c1c1c1
#c1c1c1
#c1c1c1
#c1c1c1
Complementary Colors
#c1c1c1

Color Palettes & Harmonies

Ready-made palettes built from this color.

Complementary

#c1c1c1 #c1c1c1

Analogous

#c1c1c1 #c1c1c1 #c1c1c1

Triadic

#c1c1c1 #c1c1c1 #c1c1c1

Tetradic

#c1c1c1 #c1c1c1 #c1c1c1 #c1c1c1

Split Complementary

#c1c1c1 #c1c1c1 #c1c1c1

Monochromatic

#757575 #9b9b9b #c1c1c1 #e7e7e7 #ffffff

Tints, Shades & Tones

10% · #f3f3f3 20% · #e6e6e6 30% · #dadada 40% · #cdcdcd 50% · #c1c1c1 60% · #9a9a9a 70% · #747474 80% · #4d4d4d 90% · #272727

What Goes With This Color

Role-weighted palettes for #c1c1c1. Each bar shows the recommended area proportion — use the widest color for backgrounds, the narrowest for highlights.

Golden Companion Brand identity, packaging, editorial
Ground 60% · #eeeeee Support 25% · #a2a2a2 Primary 10% · #c1c1c1 Accent 3% · #89006b Text 2% · #0b0b0b
Ground 60%
Support 25%
Primary 10%
Accent 3%
Text 2%
Double Golden App UI, dashboard, data visualization
Ground 60% · #eeeeee Support 25% · #a2a2a2 Primary 10% · #c1c1c1 Accent 3% · #a40000 Text 2% · #0b0b0b
Ground 60%
Support 25%
Primary 10%
Accent 3%
Text 2%
Triple Golden Poster, event branding, illustration
Ground 60% · #eeeeee Support 25% · #a2a2a2 Primary 10% · #c1c1c1 Accent 3% · #323200 Text 2% · #0b0b0b
Ground 60%
Support 25%
Primary 10%
Accent 3%
Text 2%

Popular hex colours

Stonewall Grey Backgrounds & Vectors

Free-to-download graphics from our catalog that match this color.

Geometric Star Pattern — grey background
Interlocking Grey And White Six-Pointed Star Geometric Pattern
Free Abstract Gray Wave — grey background
Gray Wave Abstract Background
Star Pattern — grey background
Monochromatic Geometric Star Pattern With Intersecting Dark Linear Accents
Circle Pattern — grey background
Minimalist Grey and White Concentric Circle Pattern
Geometric Star Pattern — grey background
Minimalist Light Grey and White Interlocking Star Tile Pattern
Gray Circle Pattern — grey background
Monochrome Geometric Circle Pattern in Light Gray and White
Free Abstract Gray Waves — grey background
Abstract Wave Pattern Illustration
sparkling diamond jewel — grey background
Brilliant Diamond On A Sparkling Silver Background
silver wall clock — grey background
Minimalist Silver Wall Clock On Grey Background
world map 3d — grey background
3D World Map With Location Pins
barbed wire heart — grey background
Silver Barbed Wire Heart With Detailed Intertwined Strands
retro computer download — grey background
Retro Windows Style Motivation Download Progress Bar
joy installation window — grey background
Retro Computer Installation Completion Notification
Free Abstract White and Gray Design — grey background
Abstract Grey and White Diagonal Lines with Soft Bokeh Circles
Abstract Wave Pattern — grey background
Monochromatic Wavy Lines With Charcoal And Silver Gradient
Circle Pattern — grey background
Geometric Gray Background With Repeated White Rings And Dots
Free Floral Pattern in Grey and White — grey background
Grey and White Geometric Floral Pattern Background
Free Scattered Circle Pattern — grey background
Gray and White Circle Pattern
Dynamic Orange and Grey Diagonal Wavy Background — grey background
Dynamic Orange and Grey Diagonal Wavy Background
Free Abstract Yellow Flowing Lines Background Illustrator — grey background
Abstract Yellow Flowing Lines Background Illustrator
Free Grey Heart Wallpaper Background Vector Art — grey background
Grey Heart Wallpaper Background Vector Art
Seamless Geometric Pattern of Varied Grey and White Circles — grey background
Seamless Geometric Pattern of Varied Grey and White Circles
Circle Pattern Background — grey background
Modern Grey Interlocking Circles and Dots Background
Bokeh Light Effect — grey background
Gray Bokeh Background

Matching hex color to Pantone Colors Explore Similar Pantone Shades

Above 90%

Excellent Match! Captures the essence of the base color with great fidelity.

PANTONE 14-4203 TCX

Fashion, Home + Interiors

PANTONE P 179-4 U

CMYK Color Guide Uncoated

PANTONE 14-4002 TPX

Fashion, Home + Interiors

PANTONE P 179-3 C

CMYK Color Guide Coated

PANTONE 14-4002 TPG

Fashion, Home + Interiors

PANTONE 406 C

Solid Color Coated

PANTONE 9083 U

Pastels & Neons UnCoated

PANTONE 9083 C

Pastels & Neons Coated

PANTONE 435 CP

Color Bridge Coated

PANTONE 7531 UP

Color Bridge Uncoated

80% to 90%

Great Match! Retains much of the base color's vitality.

PANTONE 8040 C

Metallics Coated

PANTONE 10154 C

Premium Metallics Coated

Color Transformation Variations

This guide showcases transformations of the original color #c1c1c1 through various modifications.

Original Color
#c1c1c1
Lightened (by 20%)
#f4f4f4
Brightened (by 20%)
#ffffff
Darkened (by 20%)
#cccccc
Desaturated (by 20%)
#cccccc
Saturated (by 20%)
#d6c2c2
Greyscale
#cccccc
Spun by 180 degrees
#cccccc
Spun by -90 degrees
#cccccc
Spun by 90 degrees
#cccccc

Color Preview

Evaluate readability across black/white backgrounds and text colors.

Black Background
Readable

Sample Heading

The quick brown fox jumps over the lazy dog. This preview shows how body text in this color reads against this background.

Contrast ratio: 11.67:1

White Background
Not Readable

Sample Heading

The quick brown fox jumps over the lazy dog. This preview shows how body text in this color reads against this background.

Contrast ratio: 1.8:1

Black Text
Readable

Sample Heading

The quick brown fox jumps over the lazy dog. This preview shows how body text in this color reads against this background.

Contrast ratio: 11.67:1

White Text
Not Readable

Sample Heading

The quick brown fox jumps over the lazy dog. This preview shows how body text in this color reads against this background.

Contrast ratio: 1.8:1

Contrast & Accessibility

WCAG contrast ratios for #c1c1c1 against white and black, with AA/AAA pass-fail for normal and large text.

Combination Contrast ratio AA (normal) AAA (normal) AA (large)
On white background 1.8:1 Fail Fail Fail
On black background 11.67:1 Pass Pass Pass

Best text color on this background: #000000 Sample

Color Conversion Data

The following are conversions of this hex color into multiple representations (Rgb, Cmy, Cmyk, Hsl, HSB/HSV, XYZ, Yxy, Hunter-Lab, Grayscale).

HEX: #c1c1c1

HEX color codes are hexadecimal triplets representing the colors red, green, and blue. These codes are used on web pages.

RGB: 193, 193, 193

RGB stands for Red, Green, and Blue. These colors can be combined to produce any color in the visible spectrum.

RGB %: 75.7%, 75.7%, 75.7%

RGB% represents the RGB values in percentage format, indicating the intensity of each color.

HSL: hsl(0, 0%, 75.7%)

HSL stands for Hue, Saturation, and Lightness. It is a cylindrical-coordinate representation of colors.

CMY: 0.243, 0.243, 0.243

CMY stands for Cyan, Magenta, and Yellow. This color model is subtractive, meaning colors are created by subtracting light.

CMYK: 0%, 0%, 0%, 24%

CMYK includes Cyan, Magenta, Yellow, and Black. It is a subtractive color model used in color printing.

HSB/HSV: hsv(0, 0%, 75.7%)

HSB/HSV stands for Hue, Saturation, and Brightness/Value. It is a representation of color similar to HSL, but it models brightness differently.

XYZ: 50.688, 53.328, 58.074

The CIE 1931 color space (XYZ) is a scientific model ensuring color consistency across different devices.

Yxy: 53.328 , 0.313 , 0.329

Yxy is a color space used in the CIE 1931 color space.

xyY: 0.313 , 0.329 , 53.328

xyY emphasizes chromaticity and luminance.

CIE-LAB: 78.068, 0.004, -0.008

CIE-LAB has three axes: L* (lightness), a* (green to red), and b* (blue to yellow).

CIE-LCH: 78.068 , 0.01 , 296.813

CIE-LCH is a cylindrical representation of CIE-LAB.

Websafe Color: #CCCECE

Websafe colors are a set of 216 colors that display consistently across browsers.

Grayscale: #C1C3C3

Grayscale is a range of monochromatic shades from black to white.

CSS & Design Tokens

Copy-ready color declarations for CSS, Tailwind, SCSS, Swift, Android and Flutter.

CSS HEX
color: #c1c1c1;
CSS RGB
color: rgb(193, 193, 193);
CSS var
--color: #c1c1c1;
Tailwind
colors: { brand: '#c1c1c1' }
SCSS
$color: #c1c1c1;
Swift
UIColor(red: 0.76, green: 0.76, blue: 0.76, alpha: 1)
Android
<color name="color">#FFC1C1C1</color>
Flutter
Color(0xFFC1C1C1)

Color Mixing Result

A grid of mixed-color results: each card blends the base color with a target hue at varying percentages.

Red
#f32727
#ec3a3a
#e64d4d
#e06161
#da7474
#d48787
#cd9a9a
#c4b7b7
Blue
#2727f3
#3a3aec
#4d4de6
#6161e0
#7474da
#8787d4
#9a9acd
#b7b7c4
Yellow
#f3f327
#ecec3a
#e6e64d
#e0e061
#dada74
#d4d487
#cdcd9a
#c4c4b7
Green
#27f327
#3aec3a
#4de64d
#61e061
#74da74
#87d487
#9acd9a
#b7c4b7
Orange
#f3ab27
#ecad3a
#e6b04d
#e0b361
#dab674
#d4b987
#cdbb9a
#c4c0b7
Purple
#8d278d
#943a94
#9a4d9a
#a161a1
#a774a7
#ae87ae
#b49ab4
#beb7be
Brown
#ab4848
#ad5757
#b06666
#b37676
#b68585
#b99494
#bba3a3
#c0b9b9
Black
#272727
#3a3a3a
#4d4d4d
#616161
#747474
#878787
#9a9a9a
#b7b7b7
White
#f3f3f3
#ececec
#e6e6e6
#e0e0e0
#dadada
#d4d4d4
#cdcdcd
#c4c4c4
Pink
#f3c0c9
#ecc0c8
#e6c0c7
#e0c1c6
#dac1c5
#d4c1c4
#cdc1c3
#c4c1c2
Gray
#8d8d8d
#949494
#9a9a9a
#a1a1a1
#a7a7a7
#aeaeae
#b4b4b4
#bebebe
Cyan
#27f3f3
#3aecec
#4de6e6
#61e0e0
#74dada
#87d4d4
#9acdcd
#b7c4c4
Magenta
#f327f3
#ec3aec
#e64de6
#e061e0
#da74da
#d487d4
#cd9acd
#c4b7c4
Violet
#9627f3
#9b3aec
#a14de6
#a661e0
#ab74da
#b187d4
#b69acd
#beb7c4
Indigo
#63278f
#6e3a95
#7a4d9b
#8661a2
#9274a8
#9e87ae
#a99ab4
#bbb7be
Teal
#278d8d
#3a9494
#4d9a9a
#61a1a1
#74a7a7
#87aeae
#9ab4b4
#b7bebe
Maroon
#8d2727
#943a3a
#9a4d4d
#a16161
#a77474
#ae8787
#b49a9a
#beb7b7
Gold
#f3d327
#ecd03a
#e6ce4d
#e0cc61
#daca74
#d4c887
#cdc59a
#c4c2b7
Silver
#c0c0c0
#c0c0c0
#c0c0c0
#c1c1c1
#c1c1c1
#c1c1c1
#c1c1c1
#c1c1c1
Beige
#ebebd7
#e5e5d4
#e0e0d1
#dbdbcf
#d6d6cc
#d1d1c9
#cbcbc6
#c4c4c2
Olive
#8d8d27
#94943a
#9a9a4d
#a1a161
#a7a774
#aeae87
#b4b49a
#bebeb7
Lime
#27f327
#3aec3a
#4de64d
#61e061
#74da74
#87d487
#9acd9a
#b7c4b7
Turquoise
#5adacd
#67d7cc
#74d4ca
#81d1c9
#8dcdc7
#9acac6
#a7c7c4
#bbc3c2
Peach
#f3d5bb
#ecd3bb
#e6d0bc
#e0cebd
#dacbbe
#d4c9bf
#cdc6bf
#c4c2c1

Downloads

Solid Color Image
Solid Color Image
Download Image
Color Scheme PDF

Download PDF

Everything About StonewallGrey

History & Origin

StonewallGrey, defined by the hexadecimal value #C1C1C1, belongs to the achromatic neutral family. Its name evokes the historical use of dry-stone masonry, a technique utilized by Neolithic civilizations such as the builders of Skara Brae. While #C1C1C1 is a specific computer-generated coordinate, its etymological roots trace back to the Old English 'græg', describing the neutral, mid-toned appearance of weathered granite and limestone structures that have defined human architecture for millennia.

The pigment-based history of this shade is rooted in the standardization of industrial neutrals during the 20th century. Before modern digital color spaces like sRGB, architects and painters replicated this level of lightness, situated at 76%, by mixing lamp black with zinc white. The exact RGB value of (193, 193, 193) reflects a precise calibration that mimics the mid-tone reflectance of oxidized lead and historical mortar mixtures used in Victorian-era construction projects.

In Nature & Science

In the natural world, the shade #C1C1C1 is most frequently observed in the mineral kingdom, particularly within polished samples of hematite or fine-grained diorite. Its 0% saturation and 76% lightness profile allow it to mimic the optical properties of a cloud-covered sky at midday. This wavelength profile, lacking a dominant hue, stimulates all three types of human cone cells equally, resulting in the perception of a pure, achromatic grey that functions as a structural backdrop in diverse geological formations.

Biologically, this tone appears in the plumage of the African grey parrot (Psittacus erithacus) and the dorsal fur of various Mustelidae, such as the American badger. The color's presence in nature serves as a form of disruptive coloration, allowing species to blend into rocky terrains. Science identifies this as a neutral-reflectance surface, where the intensity of light is attenuated without shifting the spectral composition, a property essential for camouflage in high-contrast environments.

In Art & Culture

StonewallGrey has been a fundamental component of the 'grisaille' technique in Western art, used by masters like Jean Auguste Dominique Ingres to establish tonal values before the application of color. In the 20th century, the aesthetic of #C1C1C1 became central to the Brutalist architectural movement, where unpainted concrete surfaces were celebrated for their raw, industrial honesty. Buildings like the Barbican Centre in London utilize this specific lightness level to create a monumental, sculptural effect.

Culturally, this shade often symbolizes objectivity, impartiality, and the passage of time. In mid-century cinema, particularly in film noir, the use of this mid-range grey was vital for achieving the high-contrast lighting setups directed by cinematographers like Gregg Toland. The color functions as a visual bridge, neither as stark as white nor as heavy as black, allowing directors to manipulate the emotional weight of a scene through subtle light modulation.

Psychology & Emotion

The psychological impact of StonewallGrey is defined by its extreme stability and lack of chromatic stimulation. Because it sits at 0% saturation, it is often utilized in workspace design to minimize cognitive load, fostering an environment of concentration and professional detachment. Its 76% lightness provides enough luminescence to prevent the feelings of enclosure associated with darker tones, making it an ideal choice for neutral, balanced interiors.

In chromotherapy, this shade is categorized as a cooling agent for the senses, frequently employed to help regulate high-anxiety environments. It lacks the aggressive wavelength energy of warm colors, instead offering a 'reset' for the visual system. Because the hue is effectively absent, the mind perceives #C1C1C1 as a space of potential—a blank canvas that does not demand attention, allowing for intellectual clarity and emotional equilibrium.

Design & Color Pairing

For digital interfaces, #C1C1C1 is an excellent candidate for UI components that require high legibility against black text (#000000) or bold primary colors. In professional design, this grey acts as a stabilizing anchor; when paired with a bold navy like #000080, it creates a sophisticated, corporate-aligned aesthetic. Its neutral nature allows it to work well with analogously warm-toned woods or cool-toned metallics, providing a professional finish in web layouts.

When considering accessibility, #C1C1C1 offers a moderate contrast ratio that requires careful balancing; when paired with pure white (#FFFFFF), the contrast is insufficient for small text under standard WCAG guidelines. Designers are encouraged to pair this shade with saturated colors such as deep royal blue (#4169E1) or burnt orange (#CC5500) to ensure readability. These combinations leverage the 0% saturation of StonewallGrey to allow the vivid colors to take the visual lead.

Industry Applications

StonewallGrey is a standard in the automotive industry, where it is frequently used in interior dashboard trim and component housings by brands like Audi and Volvo to project a sense of durability. In the technology sector, this color is a staple for professional hardware casings, such as those found on enterprise-grade server towers and high-end audio mixing consoles, where the color's neutrality denotes technical precision and industrial capability.

In the textile and fashion industries, this shade serves as a versatile 'base' color, particularly in technical outerwear and athleisure lines by companies like Patagonia and Arc'teryx. It is favored for its ability to mask dust and debris while maintaining a clean, high-performance aesthetic. Furthermore, it is a preferred color in food packaging design for luxury goods, as it signals a minimalist, high-end, and restrained branding strategy.

Materials & Textures

This shade is most accurately represented in materials such as brushed aluminum, fine-grained Carrara marble, and unpolished concrete. It is also found in the texture of wool felt, linen-blend upholstery fabrics, and matte-finished polyethylene, where the 76% lightness value allows the material's inherent surface topography to dictate the play of light and shadow.

Seasonal & Contextual Use

StonewallGrey is most strongly associated with the transition between late autumn and early winter, reflecting the aesthetic of slate skies and dormant landscapes. In wedding and event planning, it is frequently used as a foundational palette for 'winter chic' themes, providing a cool, elegant backdrop for seasonal floral arrangements in white or deep forest green.

Fun Facts

["The RGB coordinate (193, 193, 193) contains perfectly equal values, confirming that the color is mathematically incapable of having a hue.", "A lightness value of 76% makes this color significantly closer to pure white than it is to pure black, despite appearing as a distinct mid-tone.", "StonewallGrey requires zero saturation, meaning it contains no trace of red, blue, or yellow pigments in the digital color spectrum.", "Because the hue degree is set to 0, this color technically occupies the same primary axis as pure red in the HSL color model, despite appearing as a neutral."]

Use Stonewall Grey in your designs

Download Stonewall Grey Solid Background → Free HD solid color image — 1920×1080 PNG, ready to use.