#F45AB4

#F45AB4

Overview

#F45AB4 is a warm, light color. In RGB it is 244, 90, 180, in HSL 324.9°, 87.5%, 65.5%, and in CMYK 0.0%, 63.1%, 26.2%, 4.3%. The nearest named color is Magenta.

On this page

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

HEX

#F45AB4

RGB

244, 90, 180

HSL

324,9, 87,5%, 65,5%

HSV

324,9, 63,1%, 95,7%

CMYK

0,0%, 63,1%, 26,2%, 4,3%

OKLCH

0,6957 0,2086 347,8

Свойства

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

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

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.

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

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

#F45AB4

#5AF49A

Аналогичный

#E75AF4

#F45A67

#F45AB4

Триадный

#F45AB4

#B4F45A

#5AB4F4

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

#F45AB4

#67F45A

#5AF4E7

Тетрадный

#F45AB4

#F4E75A

#5AF49A

#5A67F4

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

Оригинал

#F45AB4

Протанопия

#B1B09E

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

#BAC699

Тританопия

#EC8D89

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

#818181

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

background-color: #F45AB4;

color: #F45AB4;

border-color: #F45AB4;

Ближайший Tailwind-оттенок: Pink 500 #EC4899

Оттенки Tailwind

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

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

3,01:1

AA Fail AAA Fail

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

6,97:1

AA Pass 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 #F45AB4?

RGB(244, 90, 180) · HSL(324,9, 87,5%, 65,5%) · CMYK(0,0%, 63,1%, 26,2%, 4,3%)

Does #F45AB4 meet WCAG contrast on white?

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

What text color is readable on #F45AB4?

Use 000000 text on a #F45AB4 background; contrast on black is 6,97:1.