#AF7BF0

#AF7BF0

Overview

#AF7BF0 is a cool, light color. In RGB it is 175, 123, 240, in HSL 266.7°, 79.6%, 71.2%, and in CMYK 27.1%, 48.7%, 0.0%, 5.9%. The nearest named color is mediumpurple 2.

On this page

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

HEX

#AF7BF0

RGB

175, 123, 240

HSL

266,7, 79,6%, 71,2%

HSV

266,7, 48,8%, 94,1%

CMYK

27,1%, 48,7%, 0,0%, 5,9%

OKLCH

0,684 0,1721 302,6

Свойства

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

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

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

#AF7BF0

#BCF07B

Аналогичный

#7B82F0

#EA7BF0

#AF7BF0

Триадный

#AF7BF0

#F0AF7B

#7BF0AF

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

#AF7BF0

#F0EA7B

#82F07B

Тетрадный

#AF7BF0

#F07B82

#BCF07B

#7BF0EA

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

Оригинал

#AF7BF0

Протанопия

#9898D4

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

#9C9FCD

Тританопия

#ACBDB8

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

#8F8F8F

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

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

Оттенки Tailwind

50
#F7F2FD
100
#ECE1F9
200
#D8BFF8
300
#BC91F3
400
#9856EC
500
#741AE5
600
#5D15B7
700
#4A1193
800
#3A0D72
900
#2D0E53
950
#1C0935

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

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

3,04:1

AA Fail AAA Fail

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

6,91:1

AA Pass AAA Fail

Сравнить с

#AF7BF0
#BCF07B
#AF7BF0
#FFFFFF
#000000
#AF7BF0

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(175, 123, 240) · HSL(266,7, 79,6%, 71,2%) · CMYK(27,1%, 48,7%, 0,0%, 5,9%)

Does #AF7BF0 meet WCAG contrast on white?

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

What text color is readable on #AF7BF0?

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