#F45CCC

#F45CCC

Overview

#F45CCC is a warm, light color. In RGB it is 244, 92, 204, in HSL 315.8°, 87.4%, 65.9%, and in CMYK 0.0%, 62.3%, 16.4%, 4.3%. The nearest named color is Razzle Dazzle Rose.

On this page

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

HEX

#F45CCC

RGB

244, 92, 204

HSL

315,8, 87,4%, 65,9%

HSV

315,8, 62,3%, 95,7%

CMYK

0,0%, 62,3%, 16,4%, 4,3%

OKLCH

0,7075 0,2205 339,5

Свойства

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

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

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.

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

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

#F45CCC

#5CF484

Аналогичный

#D05CF4

#F45C80

#F45CCC

Триадный

#F45CCC

#CCF45C

#5CCCF4

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

#F45CCC

#80F45C

#5CF4D0

Тетрадный

#F45CCC

#F4D05C

#5CF484

#5C80F4

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

Оригинал

#F45CCC

Протанопия

#B2B1B1

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

#BBC6AA

Тританопия

#EC9B97

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

#848484

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

background-color: #F45CCC;

color: #F45CCC;

border-color: #F45CCC;

Ближайший Tailwind-оттенок: Fuchsia 400 #E879F9

Оттенки Tailwind

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

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

2,9:1

AA Fail AAA Fail

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

7,25:1

AA Pass AAA Pass

Сравнить с

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

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

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 #F45CCC?

RGB(244, 92, 204) · HSL(315,8, 87,4%, 65,9%) · CMYK(0,0%, 62,3%, 16,4%, 4,3%)

Does #F45CCC meet WCAG contrast on white?

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

What text color is readable on #F45CCC?

Use 000000 text on a #F45CCC background; contrast on black is 7,25:1.