#BA535F

#BA535F

Overview

#BA535F is a warm, dark color. In RGB it is 186, 83, 95, in HSL 353.0°, 42.7%, 52.7%, and in CMYK 0.0%, 55.4%, 48.9%, 27.1%. The nearest named color is Fuzzy Wuzzy.

On this page

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

HEX

#BA535F

RGB

186, 83, 95

HSL

353,0, 42,7%, 52,7%

HSV

353,0, 55,4%, 72,9%

CMYK

0,0%, 55,4%, 48,9%, 27,1%

OKLCH

0,5754 0,1333 15,1

Свойства

Тёплый Тёмный Ближайший: Fuzzy Wuzzy

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

Pure red is the color of adrenaline, passion, and urgency. It raises heart rate and stimulates appetite, which is why fast-food chains and sale banners rely on it worldwide. Culturally, red signifies luck and prosperity in East Asia while representing danger and prohibition in Western road signage.

Design Usage

Medium red is ideal for call-to-action buttons, sale badges, and notification dots where instant attention is needed. It should be used sparingly as an accent rather than a dominant background to avoid visual fatigue. Red pairs effectively with white text for maximum legibility in buttons and banners.

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

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

#BA535F

#53BAAE

Аналогичный

#BA5392

#BA7A53

#BA535F

Триадный

#BA535F

#5FBA53

#535FBA

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

#BA535F

#53BA7A

#5392BA

Тетрадный

#BA535F

#92BA53

#53BAAE

#7A53BA

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

Оригинал

#BA535F

Протанопия

#8D8D5C

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

#939B5B

Тританопия

#B55A59

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

#6A6A6A

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

background-color: #BA535F;

color: #BA535F;

border-color: #BA535F;

Ближайший Tailwind-оттенок: Rose 800 #9F1239

Оттенки Tailwind

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

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

4,68:1

AA Pass AAA Fail

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

4,49: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 #BA535F?

RGB(186, 83, 95) · HSL(353,0, 42,7%, 52,7%) · CMYK(0,0%, 55,4%, 48,9%, 27,1%)

Does #BA535F meet WCAG contrast on white?

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

What text color is readable on #BA535F?

Use FFFFFF text on a #BA535F background; contrast on black is 4,49:1.