#CF8AF5

#CF8AF5

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

HEX

#CF8AF5

RGB

207, 138, 245

HSL

278,7, 84,3%, 75,1%

HSV

278,7, 43,7%, 96,1%

CMYK

15,5%, 43,7%, 0,0%, 3,9%

OKLCH

0,7428 0,1641 312,7

Свойства

Холодный Светлый Ближайший: 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.

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

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

#CF8AF5

#B0F58A

Аналогичный

#9A8AF5

#F58AE6

#CF8AF5

Триадный

#CF8AF5

#F5CF8A

#8AF5CF

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

#CF8AF5

#E6F58A

#8AF59A

Тетрадный

#CF8AF5

#F59A8A

#B0F58A

#8AE6F5

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

Оригинал

#CF8AF5

Протанопия

#B1B1DB

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

#B5BAD5

Тританопия

#CCC7C2

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

#A0A0A0

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

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

Оттенки Tailwind

50
#F9F2FD
100
#F1E0FA
200
#E4BDF9
300
#D18EF5
400
#B851F0
500
#9F14EB
600
#7F10BC
700
#660D96
800
#4F0A75
900
#3B0C55
950
#250736

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

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

2,44:1

AA Fail AAA Fail

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

8,61:1

AA Pass AAA Pass

Сравнить с

#CF8AF5
#B0F58A
#CF8AF5
#FFFFFF
#000000
#CF8AF5

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(207, 138, 245) · HSL(278,7, 84,3%, 75,1%) · CMYK(15,5%, 43,7%, 0,0%, 3,9%)

Does #CF8AF5 meet WCAG contrast on white?

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

What text color is readable on #CF8AF5?

Use 000000 text on a #CF8AF5 background; contrast on black is 8,61:1.