#AF71FF

#AF71FF

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

HEX

#AF71FF

RGB

175, 113, 255

HSL

266,2, 100,0%, 72,2%

HSV

266,2, 55,7%, 100,0%

CMYK

31,4%, 55,7%, 0,0%, 0,0%

OKLCH

0,6773 0,2049 301,3

Свойства

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

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

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.

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

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

#AF71FF

#C1FF71

Аналогичный

#717AFF

#F671FF

#AF71FF

Триадный

#AF71FF

#FFAF71

#71FFAF

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

#AF71FF

#FFF671

#7AFF71

Тетрадный

#AF71FF

#FF717A

#C1FF71

#71FFF6

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

Оригинал

#AF71FF

Протанопия

#9494DD

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

#989CD4

Тританопия

#ACC1BC

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

#888888

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

background-color: #AF71FF;
color: #AF71FF;
border-color: #AF71FF;
Ближайший Tailwind-оттенок: Violet 500 #8B5CF6

Оттенки Tailwind

50
#F7F1FE
100
#EBDEFC
200
#D7B8FF
300
#BA85FF
400
#9542FF
500
#6F00FF
600
#5900CC
700
#4700A3
800
#380080
900
#2B055C
950
#1B033A

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

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

3,17:1

AA Fail AAA Fail

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

6,63:1

AA Pass AAA Fail

Сравнить с

#AF71FF
#C1FF71
#AF71FF
#FFFFFF
#000000
#AF71FF

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(175, 113, 255) · HSL(266,2, 100,0%, 72,2%) · CMYK(31,4%, 55,7%, 0,0%, 0,0%)

Does #AF71FF meet WCAG contrast on white?

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

What text color is readable on #AF71FF?

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