#65686F

#65686F

Overview

#65686F is a cool, dark color. In RGB it is 101, 104, 111, in HSL 222.0°, 4.7%, 41.6%, and in CMYK 9.0%, 6.3%, 0.0%, 56.5%. The nearest named color is RAL 4012 Pearl Blackberry.

On this page

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

HEX

#65686F

RGB

101, 104, 111

HSL

222,0, 4,7%, 41,6%

HSV

222,0, 9,0%, 43,5%

CMYK

9,0%, 6,3%, 0,0%, 56,5%

OKLCH

0,5171 0,0116 267,3

Свойства

Холодный Тёмный Ближайший: RAL 4012 Pearl Blackberry

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

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.

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

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

#65686F

#6F6C65

Аналогичный

#656D6F

#67656F

#65686F

Триадный

#65686F

#6F6568

#686F65

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

#65686F

#6F6765

#6D6F65

Тетрадный

#65686F

#6F656D

#6F6C65

#656F67

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

Оригинал

#65686F

Протанопия

#66666D

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

#66666D

Тританопия

#656C6C

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

#686868

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

background-color: #65686F;
color: #65686F;
border-color: #65686F;
Ближайший Tailwind-оттенок: Zinc 500 #71717A

Оттенки Tailwind

50
#F7F7F8
100
#ECEDEE
200
#DADBDD
300
#BFC1C5
400
#9C9FA5
500
#7A7D85
600
#61646B
700
#4E5055
800
#3D3F43
900
#2E3032
950
#1D1E20

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

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

5,58:1

AA Pass AAA Fail

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

3,76:1

AA Fail AAA Fail

Сравнить с

#65686F
#6F6C65
#65686F
#FFFFFF
#000000
#65686F

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(101, 104, 111) · HSL(222,0, 4,7%, 41,6%) · CMYK(9,0%, 6,3%, 0,0%, 56,5%)

Does #65686F meet WCAG contrast on white?

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

What text color is readable on #65686F?

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