#BBAFD0

#BBAFD0

Overview

#BBAFD0 is a cool, light color. In RGB it is 187, 175, 208, in HSL 261.8°, 26.0%, 75.1%, and in CMYK 10.1%, 15.9%, 0.0%, 18.4%. The nearest named color is thistle 3.

On this page

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

HEX

#BBAFD0

RGB

187, 175, 208

HSL

261,8, 26,0%, 75,1%

HSV

261,8, 15,9%, 81,6%

CMYK

10,1%, 15,9%, 0,0%, 18,4%

OKLCH

0,7747 0,0481 301,8

Свойства

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

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

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.

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

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

#BBAFD0

#C4D0AF

Аналогичный

#AFB4D0

#CCAFD0

#BBAFD0

Триадный

#BBAFD0

#D0BBAF

#AFD0BB

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

#BBAFD0

#D0CCAF

#B4D0AF

Тетрадный

#BBAFD0

#D0AFB4

#C4D0AF

#AFD0CC

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

Оригинал

#BBAFD0

Протанопия

#B6B6C8

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

#B6B7C6

Тританопия

#BAC2C0

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

#B4B4B4

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

background-color: #BBAFD0;
color: #BBAFD0;
border-color: #BBAFD0;
Ближайший Tailwind-оттенок: Slate 400 #94A3B8

Оттенки Tailwind

50
#F7F6F9
100
#ECE9F1
200
#D9D2E5
300
#BDB2D2
400
#9A88B9
500
#765EA1
600
#5F4B81
700
#4C3C67
800
#3B2F50
900
#2D253C
950
#1D1726

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

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

2,07:1

AA Fail AAA Fail

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

10,16:1

AA Pass AAA Pass

Сравнить с

#BBAFD0
#C4D0AF
#BBAFD0
#FFFFFF
#000000
#BBAFD0

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(187, 175, 208) · HSL(261,8, 26,0%, 75,1%) · CMYK(10,1%, 15,9%, 0,0%, 18,4%)

Does #BBAFD0 meet WCAG contrast on white?

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

What text color is readable on #BBAFD0?

Use 000000 text on a #BBAFD0 background; contrast on black is 10,16:1.