#F33AD2

#F33AD2

Overview

#F33AD2 is a warm, light color. In RGB it is 243, 58, 210, in HSL 310.7°, 88.5%, 59.0%, and in CMYK 0.0%, 76.1%, 13.6%, 4.7%. The nearest named color is Purple Pizzazz.

On this page

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

HEX

#F33AD2

RGB

243, 58, 210

HSL

310,7, 88,5%, 59,0%

HSV

310,7, 76,1%, 95,3%

CMYK

0,0%, 76,1%, 13,6%, 4,7%

OKLCH

0,6791 0,2623 336,6

Свойства

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

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

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.

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

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

#F33AD2

#3AF35B

Аналогичный

#B73AF3

#F33A75

#F33AD2

Триадный

#F33AD2

#D2F33A

#3AD2F3

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

#F33AD2

#75F33A

#3AF3B7

Тетрадный

#F33AD2

#F3B73A

#3AF35B

#3A75F3

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

Оригинал

#F33AD2

Протанопия

#A3A1AD

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

#AEBCA4

Тританопия

#EA908A

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

#6C6C6C

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

background-color: #F33AD2;

color: #F33AD2;

border-color: #F33AD2;

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

Оттенки Tailwind

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

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

3,31:1

AA Fail AAA Fail

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

6,35: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 #F33AD2?

RGB(243, 58, 210) · HSL(310,7, 88,5%, 59,0%) · CMYK(0,0%, 76,1%, 13,6%, 4,7%)

Does #F33AD2 meet WCAG contrast on white?

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

What text color is readable on #F33AD2?

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