#AF5DFF

#AF5DFF

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

HEX

#AF5DFF

RGB

175, 93, 255

HSL

270,4, 100,0%, 68,2%

HSV

270,4, 63,5%, 100,0%

CMYK

31,4%, 63,5%, 0,0%, 0,0%

OKLCH

0,6499 0,2322 303,9

Свойства

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

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

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.

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

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

#AF5DFF

#ADFF5D

Аналогичный

#5E5DFF

#FF5DFE

#AF5DFF

Триадный

#AF5DFF

#FFAF5D

#5DFFAF

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

#AF5DFF

#FEFF5D

#5DFF5E

Тетрадный

#AF5DFF

#FF5E5D

#ADFF5D

#5DFEFF

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

Оригинал

#AF5DFF

Протанопия

#8B8BD8

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

#9096CE

Тританопия

#ABB9B2

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

#7A7A7A

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

background-color: #AF5DFF;
color: #AF5DFF;
border-color: #AF5DFF;
Ближайший Tailwind-оттенок: Purple 500 #A855F7

Оттенки Tailwind

50
#F7F1FE
100
#EDDEFC
200
#DCB8FF
300
#C385FF
400
#A242FF
500
#8100FF
600
#6700CC
700
#5300A3
800
#410080
900
#31055C
950
#1F033A

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

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

3,6:1

AA Fail AAA Fail

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

5,83:1

AA Pass AAA Fail

Сравнить с

#AF5DFF
#ADFF5D
#AF5DFF
#FFFFFF
#000000
#AF5DFF

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(175, 93, 255) · HSL(270,4, 100,0%, 68,2%) · CMYK(31,4%, 63,5%, 0,0%, 0,0%)

Does #AF5DFF meet WCAG contrast on white?

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

What text color is readable on #AF5DFF?

Use 000000 text on a #AF5DFF background; contrast on black is 5,83:1.