#CC7FF2

#CC7FF2

Overview

#CC7FF2 is a cool, light color. In RGB it is 204, 127, 242, in HSL 280.2°, 81.6%, 72.4%, and in CMYK 15.7%, 47.5%, 0.0%, 5.1%. The nearest named color is violet.

On this page

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

HEX

#CC7FF2

RGB

204, 127, 242

HSL

280,2, 81,6%, 72,4%

HSV

280,2, 47,5%, 94,9%

CMYK

15,7%, 47,5%, 0,0%, 5,1%

OKLCH

0,7212 0,1774 313,6

Свойства

Холодный Светлый Ближайший: violet

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

Light purples and lavenders evoke romance, nostalgia, and gentle luxury. They are calming and slightly whimsical, often associated with springtime flowers and delicate fragrance. Lavender tones stimulate creativity and imagination while maintaining a sense of refinement.

Design Usage

Soft purple is popular in beauty brands, creative platforms, and children's educational apps. It creates distinctive card backgrounds and feature highlights that feel premium without being heavy. Pair it with sage green or warm gold for a sophisticated, trend-forward color combination.

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

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

#CC7FF2

#A5F27F

Аналогичный

#937FF2

#F27FDF

#CC7FF2

Триадный

#CC7FF2

#F2CC7F

#7FF2CC

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

#CC7FF2

#DFF27F

#7FF293

Тетрадный

#CC7FF2

#F2937F

#A5F27F

#7FDFF2

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

Оригинал

#CC7FF2

Протанопия

#ABAAD6

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

#AFB5CF

Тританопия

#C8C0BB

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

#989898

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

background-color: #CC7FF2;
color: #CC7FF2;
border-color: #CC7FF2;
Ближайший Tailwind-оттенок: Purple 400 #C084FC

Оттенки Tailwind

50
#F9F2FD
100
#F1E1FA
200
#E5BEF8
300
#D390F4
400
#BB54EE
500
#A317E8
600
#8213B9
700
#680F94
800
#510C74
900
#3D0D54
950
#260835

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

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

2,66:1

AA Fail AAA Fail

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

7,89:1

AA Pass AAA Pass

Сравнить с

#CC7FF2
#A5F27F
#CC7FF2
#FFFFFF
#000000
#CC7FF2

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

Уроки

CSS color-mix(): нативное смешивание цветов в браузере

Янв 26, 2026
Уроки

Создание веб-компонента выбора цвета с нуля

Янв 21, 2026
Уроки

Перцептивные Цветовые Пространства: Lab, LCH, Oklab, OKLCH

Янв 15, 2026

Часто задаваемые вопросы

What are the RGB, HSL, and CMYK values of #CC7FF2?

RGB(204, 127, 242) · HSL(280,2, 81,6%, 72,4%) · CMYK(15,7%, 47,5%, 0,0%, 5,1%)

Does #CC7FF2 meet WCAG contrast on white?

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

What text color is readable on #CC7FF2?

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