#67696F

#67696F

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

HEX

#67696F

RGB

103, 105, 111

HSL

225,0, 3,7%, 42,0%

HSV

225,0, 7,2%, 43,5%

CMYK

7,2%, 5,4%, 0,0%, 56,5%

OKLCH

0,5211 0,0097 271,2

Свойства

Холодный Тёмный Ближайший: dimgrey

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

Medium gray represents balance, neutrality, and diplomatic composure. It is the color of concrete, steel, and overcast skies, suggesting urban modernity and industrial strength. Gray communicates professionalism and impartiality in equal measure.

Design Usage

Medium gray is essential for body text, icons, and secondary labels in user interfaces. It provides the typographic backbone of design systems, separating primary from secondary information. Ensure proper contrast ratios since many popular mid-gray values fall below WCAG AA for text on white backgrounds.

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

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

#67696F

#6F6D67

Аналогичный

#676D6F

#69676F

#67696F

Триадный

#67696F

#6F6769

#696F67

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

#67696F

#6F6967

#6D6F67

Тетрадный

#67696F

#6F676D

#6F6D67

#676F69

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

Оригинал

#67696F

Протанопия

#68686E

Дейтеранопия

#68686D

Тританопия

#676C6C

Ахроматопсия

#696969

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

background-color: #67696F;

color: #67696F;

border-color: #67696F;

Ближайший Tailwind-оттенок: Zinc 500 #71717A

Оттенки Tailwind

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

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

5,49:1

AA Pass AAA Fail

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

3,83:1

AA Fail AAA Fail

Сравнить с

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

CSS color-mix(): нативное смешивание цветов в браузере

Янв 26, 2026

Создание веб-компонента выбора цвета с нуля

Янв 21, 2026

Перцептивные Цветовые Пространства: Lab, LCH, Oklab, OKLCH

Янв 15, 2026

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

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

RGB(103, 105, 111) · HSL(225,0, 3,7%, 42,0%) · CMYK(7,2%, 5,4%, 0,0%, 56,5%)

Does #67696F meet WCAG contrast on white?

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

What text color is readable on #67696F?

Use FFFFFF text on a #67696F background; contrast on black is 3,83:1.