#696263

#696263

Overview

#696263 is a warm, dark color. In RGB it is 105, 98, 99, in HSL 351.4°, 3.4%, 39.8%, and in CMYK 0.0%, 6.7%, 5.7%, 58.8%. The nearest named color is NCS S 6000-N Medium Dark Grey.

On this page

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

HEX

#696263

RGB

105, 98, 99

HSL

351,4, 3,4%, 39,8%

HSV

351,4, 6,7%, 41,2%

CMYK

0,0%, 6,7%, 5,7%, 58,8%

OKLCH

0,503 0,009 7,5

Свойства

Тёплый Тёмный Ближайший: NCS S 6000-N Medium Dark Grey

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

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.

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

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

#696263

#626968

Аналогичный

#696266

#696562

#696263

Триадный

#696263

#636962

#626369

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

#696263

#626965

#626669

Тетрадный

#696263

#666962

#626968

#656269

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

Оригинал

#696263

Протанопия

#666663

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

#666763

Тританопия

#696363

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

#646464

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

background-color: #696263;

color: #696263;

border-color: #696263;

Ближайший Tailwind-оттенок: Stone 500 #78716C

Оттенки Tailwind

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

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

5,95:1

AA Pass AAA Fail

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

3,53: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 #696263?

RGB(105, 98, 99) · HSL(351,4, 3,4%, 39,8%) · CMYK(0,0%, 6,7%, 5,7%, 58,8%)

Does #696263 meet WCAG contrast on white?

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

What text color is readable on #696263?

Use FFFFFF text on a #696263 background; contrast on black is 3,53:1.