#c4c4c4 Color Schemes and Preview
The color #c4c4c4 has a rich RGB composition of 76.9% red, 76.9% green, and 76.9% blue. With its HSL value being H:NaN°, S:0%, L:77%. It pairs with complementary colors like #c4c4c4 or harmonious analogous tones such as #c4c4c4 and #c4c4c4.
Color Conversion
RGB: R:196, G:196, B:196
HSL: H:NaN°, S:0%, L:77%
CMYK: C:0, M:0, Y:0, K:23
Similar Colors to #c4c4c4
Colors That Go with #c4c4c4
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Complementary Colors
Analogous Colors
Split Complementary Colors
Triadic Colors
Monochromatic Colors
Color Preview
This section previews how the color looks when used in different ways.
This text is styled with the color #c4c4c4.
This inline text is colored with #c4c4c4.Accessibility: Contrast Checker
Large Text
Normal Text
1.74:1
WCAG 2.2 Simple Contrast
Large Text: fail
AAA Normal Text: fail
AAA Large Text: fail
Large Text
Normal Text
12.04:1
WCAG 2.2 Simple Contrast
Large Text: pass
AAA Normal Text: pass
AAA Large Text: pass
CSS Codes
Use the following CSS snippets to apply the color to text, background, or borders.
/* Text Color */
.text {
color: #c4c4c4;
}
/* Background Color */
.background {
background-color: #c4c4c4;
}
/* Border Color */
.border {
border: 1px solid #c4c4c4;
}
#c4c4c4 Border Color
<div style="border:3px solid #c4c4c4">Div content here</div>
Div Box Shadow
<div style="-moz-box-shadow: 1px 1px 3px 2px #c4c4c4;
-webkit-box-shadow: 1px 1px 3px 2px #c4c4c4;
box-shadow: 1px 1px 3px 2px #c4c4c4">Div content here</div>
Text Shadow with Hex Values
Text here
This text has shadow with hex values.
<p style="text-shadow: 4px 4px 2px #c4c4c4;">Text here</p>
Text Shadow with RGB Values
Text here
This text has shadow with RGB values.
<p style="text-shadow: 4px 4px 2px rgba(196, 196, 196, 0.8);">Text here</p>