#AF377D

#AF377D

Overview

#AF377D is a warm, dark color. In RGB it is 175, 55, 125, in HSL 325.0°, 52.2%, 45.1%, and in CMYK 0.0%, 68.6%, 28.6%, 31.4%. The nearest named color is RAL 4006 Traffic Purple.

On this page

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

HEX

#AF377D

RGB

175, 55, 125

HSL

325,0, 52,2%, 45,1%

HSV

325,0, 68,6%, 68,6%

CMYK

0,0%, 68,6%, 28,6%, 31,4%

OKLCH

0,5333 0,1707 348,5

Свойства

Тёплый Тёмный Ближайший: RAL 4006 Traffic Purple

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

Magenta is a stimulating, attention-commanding color that bridges passion and imagination. It represents transformation, artistic vision, and unconventional thinking. Magenta disrupts expectations and is associated with innovation and bold self-expression.

Design Usage

Medium magentas are powerful for brands that want to project creativity and boldness. They create eye-catching gradients when blended with purple or orange tones. Use sparingly as accent colors for maximum impact in otherwise restrained designs.

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

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

#AF377D

#37AF69

Аналогичный

#A537AF

#AF3741

#AF377D

Триадный

#AF377D

#7DAF37

#377DAF

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

#AF377D

#41AF37

#37AFA5

Тетрадный

#AF377D

#AFA537

#37AF69

#3741AF

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

Оригинал

#AF377D

Протанопия

#7B7A6C

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

#828B68

Тританопия

#A95F5C

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

#565656

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

background-color: #AF377D;

color: #AF377D;

border-color: #AF377D;

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

Оттенки Tailwind

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

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

5,73:1

AA Pass AAA Fail

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

3,67: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 #AF377D?

RGB(175, 55, 125) · HSL(325,0, 52,2%, 45,1%) · CMYK(0,0%, 68,6%, 28,6%, 31,4%)

Does #AF377D meet WCAG contrast on white?

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

What text color is readable on #AF377D?

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