Gainsboro#DCDCDC
Gainsboro Hex Code: #DCDCDC
Gainsboro is a very light, neutral gray. Its OKLCH lightness is 89% and chroma 0.000. Text on this color reads best in black (contrast 15.31:1).
| HEX | #DCDCDC |
|---|---|
| RGB | rgb(220, 220, 220) |
| HSL | hsl(0, 0%, 86%) |
| HSV / HSB | hsv(0, 0%, 86%) |
| CMYK | cmyk(0%, 0%, 0%, 14%) |
| OKLCH | oklch(89.4% 0 0) |
Contrast
White text1.37:1
AAAA largeAAA
Black text15.31:1
AAAA largeAAA
On white1.37:1
AAAA largeAAA
On black15.31:1
AAAA largeAAA
Tints
#DFDFDF#E2E2E2#E5E5E5#E9E9E9#ECECECLinen#EFEFEFWhite Smoke#F2F2F2White Smoke#F5F5F5White Smoke#F8F8F8Ghost White#FCFCFCSnow WhiteShades
Matching colors
Complementary
Analogous
Split complementary
Similar named colors
Code
| CSS | color: #DCDCDC; |
|---|---|
| Tailwind | bg-[#dcdcdc] |
| SwiftUI | Color(red: 0.863, green: 0.863, blue: 0.863) |
| Android | Color.parseColor("#DCDCDC") |
| Flutter | Color(0xFFDCDCDC) |
Gainsboro is a CSS named color (gainsboro); the value follows W3C CSS Color Module Level 4.
Frequently asked questions
What is the hex code for gainsboro?
Gainsboro is #DCDCDC in hex and rgb(220, 220, 220) in RGB.
What is gainsboro in CMYK?
With the plain conversion formula it is cmyk(0, 0, 0, 14). For print, convert with your printer's ICC profile instead.
What text color works on gainsboro?
Black text has the higher contrast at 15.31:1, which passes WCAG AA for normal text (4.5:1).