CSS named color
Gainsboro
#DCDCDC
HEX
#dcdcdcRGB
rgb(220, 220, 220)HSL
hsl(0, 0%, 86%)OKLCH
oklch(89.45% 0.0000 89.88)NAME
gainsboroPalette
Complementary
180° on the color wheelComplement
#DBDBDB
Analogous
±30° around the base hueLeft
#DBDBDB
Right
#DBDBDB
Triadic
±120° for harmonic contrastTriad 1
#DBDBDB
Triad 2
#DBDBDB
Shades
Lighter and darker variantsCSS usage
By name
color: gainsboro;
background-color: gainsboro;By HEX
color: #dcdcdc;
background-color: #dcdcdc;By RGB
color: rgb(220, 220, 220);
background-color: rgb(220, 220, 220);By HSL
color: hsl(0, 0%, 86%);
background-color: hsl(0, 0%, 86%);WCAG contrast vs white
Aa
1.37:1
Below minimum
WCAG contrast vs black
Aa
15.31:1
AAA
Related colors
FAQ — Gainsboro
What is the HEX code for Gainsboro?
The HEX code for Gainsboro is #DCDCDC. It's one of the 148 named CSS colors and can be used directly in CSS as color: gainsboro; or color: #dcdcdc;
What is Gainsboro in RGB?
Gainsboro in RGB is rgb(220, 220, 220) — red 220, green 220, blue 220.
What is Gainsboro in HSL?
Gainsboro in HSL is hsl(0, 0%, 86%) — hue 0°, saturation 0%, lightness 86%.
What is the complementary color of Gainsboro?
The complementary color (directly opposite Gainsboro on the color wheel) is #DBDBDB. The two together produce maximum contrast.
Is white text readable on Gainsboro?
The WCAG contrast ratio against white (#FFFFFF) is 1.37:1, and against black (#000000) it's 15.31:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.