#666367

#666367

Overview

#666367 is a cool, dark color. In RGB it is 102, 99, 103, in HSL 285.0°, 2.0%, 39.6%, and in CMYK 1.0%, 3.9%, 0.0%, 59.6%. The nearest named color is NCS S 6000-N Medium Dark Grey.

On this page

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

HEX

#666367

RGB

102, 99, 103

HSL

285,0, 2,0%, 39,6%

HSV

285,0, 3,9%, 40,4%

CMYK

1,0%, 3,9%, 0,0%, 59,6%

OKLCH

0,5038 0,0073 317,7

Свойства

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

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

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

#666367

#646763

Аналогичный

#646367

#676366

#666367

Триадный

#666367

#676663

#636766

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

#666367

#666763

#636764

Тетрадный

#666367

#676463

#646763

#636667

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

Оригинал

#666367

Протанопия

#656566

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

#656566

Тританопия

#666565

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

#646464

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

background-color: #666367;

color: #666367;

border-color: #666367;

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

Оттенки Tailwind

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

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

5,92:1

AA Pass AAA Fail

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

3,55: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 #666367?

RGB(102, 99, 103) · HSL(285,0, 2,0%, 39,6%) · CMYK(1,0%, 3,9%, 0,0%, 59,6%)

Does #666367 meet WCAG contrast on white?

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

What text color is readable on #666367?

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