#CF22B7

#CF22B7

Overview

#CF22B7 is a warm, dark color. In RGB it is 207, 34, 183, in HSL 308.3°, 71.8%, 47.3%, and in CMYK 0.0%, 83.6%, 11.6%, 18.8%. The nearest named color is Purple Pizzazz.

On this page

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

HEX

#CF22B7

RGB

207, 34, 183

HSL

308,3, 71,8%, 47,3%

HSV

308,3, 83,6%, 81,2%

CMYK

0,0%, 83,6%, 11,6%, 18,8%

OKLCH

0,5958 0,2466 335,1

Свойства

Тёплый Тёмный Ближайший: 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.

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

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

#CF22B7

#22CF3A

Аналогичный

#9122CF

#CF2261

#CF22B7

Триадный

#CF22B7

#B7CF22

#22B7CF

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

#CF22B7

#61CF22

#22CF91

Тетрадный

#CF22B7

#CF9122

#22CF3A

#2261CF

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

Оригинал

#CF22B7

Протанопия

#848393

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

#8E9B8A

Тританопия

#C67670

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

#525252

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

background-color: #CF22B7;

color: #CF22B7;

border-color: #CF22B7;

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

Оттенки Tailwind

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

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

4,6:1

AA Pass AAA Fail

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

4,57: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 #CF22B7?

RGB(207, 34, 183) · HSL(308,3, 71,8%, 47,3%) · CMYK(0,0%, 83,6%, 11,6%, 18,8%)

Does #CF22B7 meet WCAG contrast on white?

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

What text color is readable on #CF22B7?

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