Gainsboro
Meet Gainsboro (#DCDCDC), a whisper-light gray that offers a clean, minimalist foundation for any design palette. Its striking quality lies in its subtle warmth and remarkable versatility, providing a quiet backdrop that allows other design elements to stand out with clarity and purpose.
Gainsboro Code Conversions
HEX
#DCDCDC
LAB
88, 0, 0
RGB
220, 220, 220
XYZ
68.0, 71.6, 77.9
HSL
0°, 0%, 86%
LCH
88, 0, 158°
HSB
0°, 0%, 86%
LUV
88, 0, 0
HWB
0°, 86%, 14%
Gainsboro Color Harmonies
Analogous
Analogous colors sit beside Gainsboro on the color wheel. Grouping them together produces a cohesive and calming palette that feels naturally balanced and serene.
Complementary
Complementary colors sit directly opposite each other on the color wheel. Pairing one with Gainsboro creates a striking, high-contrast visual effect.
Split Complementary
For a high-contrast palette with less tension, Gainsboro's split complementary scheme uses the two colors neighboring its opposite on the color wheel.
Triadic
A triadic scheme with Gainsboro uses two other colors equally spaced on the color wheel, creating a vibrant and high-contrast palette.
Tetradic
A tetradic palette pairs Gainsboro with three other hues, formed from two sets of complementary colors, offering a balanced yet vibrant combination.
Square
A square color scheme pairs Gainsboro with three other colors, all equidistant on the color wheel, creating a vibrant and high-contrast palette.
Gainsboro Contrast Simulation
Gainsboro Color Variations
Shades
Adding black to Gainsboro creates its shades, which are darker and add visual weight.
Tints
Tints of Gainsboro are created by adding white, resulting in lighter, softer variations.
Tones
Tones of Gainsboro are created by adding gray, which softens the color's overall saturation.
Hues
Hues are Gainsboro variations that adjust in temperature and intensity, creating distinct moods.
What Interfaces Use Colors Like Gainsboro?
