#878286

#878286

Overview

#878286 is a warm, light color. In RGB it is 135, 130, 134, in HSL 312.0°, 2.0%, 52.0%, and in CMYK 0.0%, 3.7%, 0.7%, 47.1%. The nearest named color is lavenderblush 4.

On this page

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

HEX

#878286

RGB

135, 130, 134

HSL

312,0, 2,0%, 52,0%

HSV

312,0, 3,7%, 52,9%

CMYK

0,0%, 3,7%, 0,7%, 47,1%

OKLCH

0,6122 0,0084 332,2

Свойства

Тёплый Светлый Ближайший: lavenderblush 4

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

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.

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

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

#878286

#828783

Аналогичный

#868287

#878284

#878286

Триадный

#878286

#868782

#828687

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

#878286

#848782

#828786

Тетрадный

#878286

#878682

#828783

#828487

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

Оригинал

#878286

Протанопия

#858585

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

#858685

Тританопия

#878484

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

#838383

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

background-color: #878286;
color: #878286;
border-color: #878286;
Ближайший Tailwind-оттенок: Neutral 500 #737373

Оттенки Tailwind

50
#F7F7F7
100
#EDEDED
200
#DCDBDC
300
#C3C1C3
400
#A39FA2
500
#827D81
600
#686467
700
#535053
800
#413E41
900
#313031
950
#1F1E1F

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

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

3,77:1

AA Fail AAA Fail

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

5,57:1

AA Pass AAA Fail

Сравнить с

#878286
#828783
#878286
#FFFFFF
#000000
#878286

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(135, 130, 134) · HSL(312,0, 2,0%, 52,0%) · CMYK(0,0%, 3,7%, 0,7%, 47,1%)

Does #878286 meet WCAG contrast on white?

3,77:1 — WCAG AA Не соответствует, AAA Не соответствует for normal text.

What text color is readable on #878286?

Use 000000 text on a #878286 background; contrast on black is 5,57:1.