#56585F

#56585F

Overview

#56585F is a cool, dark color. In RGB it is 86, 88, 95, in HSL 226.7°, 5.0%, 35.5%, and in CMYK 9.5%, 7.4%, 0.0%, 62.7%. The nearest named color is NCS S 7000-N Dark Grey.

On this page

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

HEX

#56585F

RGB

86, 88, 95

HSL

226,7, 5,0%, 35,5%

HSV

226,7, 9,5%, 37,3%

CMYK

9,5%, 7,4%, 0,0%, 62,7%

OKLCH

0,4611 0,0116 273,2

Свойства

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

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

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

#56585F

#5F5D56

Аналогичный

#565D5F

#59565F

#56585F

Триадный

#56585F

#5F5658

#585F56

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

#56585F

#5F5956

#5D5F56

Тетрадный

#56585F

#5F565D

#5F5D56

#565F59

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

Оригинал

#56585F

Протанопия

#57575D

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

#57575D

Тританопия

#565C5C

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

#585858

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

background-color: #56585F;

color: #56585F;

border-color: #56585F;

Ближайший Tailwind-оттенок: Zinc 600 #52525B

Оттенки Tailwind

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

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

7,1:1

AA Pass AAA Pass

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

2,96: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 #56585F?

RGB(86, 88, 95) · HSL(226,7, 5,0%, 35,5%) · CMYK(9,5%, 7,4%, 0,0%, 62,7%)

Does #56585F meet WCAG contrast on white?

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

What text color is readable on #56585F?

Use FFFFFF text on a #56585F background; contrast on black is 2,96:1.