#696F74

#696F74

Overview

#696F74 is a cool, dark color. In RGB it is 105, 111, 116, in HSL 207.3°, 5.0%, 43.3%, and in CMYK 9.5%, 4.3%, 0.0%, 54.5%. The nearest named color is dimgrey.

On this page

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

HEX

#696F74

RGB

105, 111, 116

HSL

207,3, 5,0%, 43,3%

HSV

207,3, 9,5%, 45,5%

CMYK

9,5%, 4,3%, 0,0%, 54,5%

OKLCH

0,5382 0,0107 243,0

Свойства

Холодный Тёмный Ближайший: 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.

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

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

#696F74

#746E69

Аналогичный

#697473

#696974

#696F74

Триадный

#696F74

#74696F

#6F7469

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

#696F74

#746969

#747369

Тетрадный

#696F74

#736974

#746E69

#697469

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

Оригинал

#696F74

Протанопия

#6C6C73

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

#6B6B72

Тританопия

#697272

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

#6E6E6E

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

background-color: #696F74;

color: #696F74;

border-color: #696F74;

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

Оттенки Tailwind

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

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

5,09:1

AA Pass AAA Fail

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

4,13: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 #696F74?

RGB(105, 111, 116) · HSL(207,3, 5,0%, 43,3%) · CMYK(9,5%, 4,3%, 0,0%, 54,5%)

Does #696F74 meet WCAG contrast on white?

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

What text color is readable on #696F74?

Use FFFFFF text on a #696F74 background; contrast on black is 4,13:1.