gainsboro

#DCDCDC

CSS color

Gainsboro (#DCDCDC) is a light, warm-neutral gray CSS named color, one of the most commonly used very light grays in web design. Named after Gainsborough, England or the painter Thomas Gainsborough (the etymology is disputed), it provides a clean, subtle gray suitable for borders, dividers, and placeholder backgrounds without the coldness of pure light gray.

Значения цвета

HEX

#DCDCDC

RGB

220, 220, 220

HSL

0,0, 0,0%, 86,3%

HSV

0,0, 0,0%, 86,3%

CMYK

0,0%, 0,0%, 0,0%, 13,7%

OKLCH

0,8945 0,0 89,9

Свойства

Тёплый Светлый Ближайший: gainsboro

Психология цвета

Light grays are the quietest, most neutral colors in design, representing clarity, simplicity, and modern minimalism. They create a sense of calm order without drawing emotional attention. Silver tones additionally carry associations with technology, precision, and futuristic innovation.

Design Usage

Light gray is the foundational background color for modern web and mobile interfaces. It defines content boundaries, card surfaces, and secondary backgrounds in virtually every design system. Use it as the canvas that allows accent colors and content to take center stage.

Цветовые гармонии

Комплементарный

Аналогичный

Триадный

Раздельно-комплементарный

Тетрадный

Симуляция цветовой слепоты

Использование в CSS

background-color: #DCDCDC;
color: #DCDCDC;
border-color: #DCDCDC;
Ближайший Tailwind-оттенок: Neutral 300 #D4D4D4

Оттенки Tailwind

Проверка контрастности

Текст на белом

1,37:1

AA Fail AAA Fail

Текст на чёрном

15,31:1

AA Pass AAA Pass

Сравнить с

Похожие статьи

Часто задаваемые вопросы

What are the RGB, HSL, and CMYK values of #DCDCDC?

RGB(220, 220, 220) · HSL(0,0, 0,0%, 86,3%) · CMYK(0,0%, 0,0%, 0,0%, 13,7%)

Does #DCDCDC meet WCAG contrast on white?

1,37:1 — WCAG AA Не соответствует, AAA Не соответствует for normal text.

What text color is readable on #DCDCDC?

Use 000000 text on a #DCDCDC background; contrast on black is 15,31:1.