#AF5063

#AF5063

Overview

#AF5063 is a warm, dark color. In RGB it is 175, 80, 99, in HSL 348.0°, 37.3%, 50.0%, and in CMYK 0.0%, 54.3%, 43.4%, 31.4%. The nearest named color is palevioletred 3.

On this page

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

HEX

#AF5063

RGB

175, 80, 99

HSL

348,0, 37,3%, 50,0%

HSV

348,0, 54,3%, 68,6%

CMYK

0,0%, 54,3%, 43,4%, 31,4%

OKLCH

0,5559 0,125 9,6

Свойства

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

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

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.

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

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

#AF5063

#50AF9C

Аналогичный

#AF5093

#AF6C50

#AF5063

Триадный

#AF5063

#63AF50

#5063AF

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

#AF5063

#50AF6C

#5093AF

Тетрадный

#AF5063

#93AF50

#50AF9C

#6C50AF

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

Оригинал

#AF5063

Протанопия

#86855E

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

#8B925D

Тританопия

#AA5B5A

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

#666666

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

background-color: #AF5063;

color: #AF5063;

border-color: #AF5063;

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

Оттенки Tailwind

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

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

5,06:1

AA Pass AAA Fail

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

4,15: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 #AF5063?

RGB(175, 80, 99) · HSL(348,0, 37,3%, 50,0%) · CMYK(0,0%, 54,3%, 43,4%, 31,4%)

Does #AF5063 meet WCAG contrast on white?

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

What text color is readable on #AF5063?

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