#AF2533

#AF2533

Overview

#AF2533 is a warm, dark color. In RGB it is 175, 37, 51, in HSL 353.9°, 65.1%, 41.6%, and in CMYK 0.0%, 78.9%, 70.9%, 31.4%. The nearest named color is brown.

On this page

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

HEX

#AF2533

RGB

175, 37, 51

HSL

353,9, 65,1%, 41,6%

HSV

353,9, 78,9%, 68,6%

CMYK

0,0%, 78,9%, 70,9%, 31,4%

OKLCH

0,4958 0,173 21,4

Свойства

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

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

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.

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

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

#AF2533

#25AFA1

Аналогичный

#AF2578

#AF5C25

#AF2533

Триадный

#AF2533

#33AF25

#2533AF

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

#AF2533

#25AF5C

#2578AF

Тетрадный

#AF2533

#78AF25

#25AFA1

#5C25AF

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

Оригинал

#AF2533

Протанопия

#737230

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

#7B862F

Тританопия

#A82D2C

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

#434343

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

background-color: #AF2533;

color: #AF2533;

border-color: #AF2533;

Ближайший Tailwind-оттенок: Rose 700 #BE123C

Оттенки Tailwind

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

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

6,7:1

AA Pass AAA Fail

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

3,14:1

AA Fail AAA Fail

Сравнить с

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

Руководства по инструментам

WCAG AA vs AAA: Contrast Requirements Compared

Авг 20, 2026

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

Янв 26, 2026

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

Янв 21, 2026

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

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

RGB(175, 37, 51) · HSL(353,9, 65,1%, 41,6%) · CMYK(0,0%, 78,9%, 70,9%, 31,4%)

Does #AF2533 meet WCAG contrast on white?

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

What text color is readable on #AF2533?

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