#BBA2CC

#BBA2CC

Overview

#BBA2CC is a cool, light color. In RGB it is 187, 162, 204, in HSL 275.7°, 29.2%, 71.8%, and in CMYK 8.3%, 20.6%, 0.0%, 20.0%. The nearest named color is Blue Bell.

On this page

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

HEX

#BBA2CC

RGB

187, 162, 204

HSL

275,7, 29,2%, 71,8%

HSV

275,7, 20,6%, 80,0%

CMYK

8,3%, 20,6%, 0,0%, 20,0%

OKLCH

0,748 0,0653 311,5

Свойства

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

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

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.

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

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

#BBA2CC

#B3CCA2

Аналогичный

#A6A2CC

#CCA2C8

#BBA2CC

Триадный

#BBA2CC

#CCBBA2

#A2CCBB

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

#BBA2CC

#C8CCA2

#A2CCA6

Тетрадный

#BBA2CC

#CCA6A2

#B3CCA2

#A2C8CC

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

Оригинал

#BBA2CC

Протанопия

#B0B0C2

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

#B2B4BF

Тританопия

#BABAB8

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

#AAAAAA

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

background-color: #BBA2CC;
color: #BBA2CC;
border-color: #BBA2CC;
Ближайший Tailwind-оттенок: Violet 300 #C4B5FD

Оттенки Tailwind

50
#F8F5F9
100
#EEE9F2
200
#DDD1E6
300
#C5B0D4
400
#A685BC
500
#875AA5
600
#6C4884
700
#563A69
800
#432D52
900
#33243D
950
#201727

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

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

2,29:1

AA Fail AAA Fail

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

9,15:1

AA Pass AAA Pass

Сравнить с

#BBA2CC
#B3CCA2
#BBA2CC
#FFFFFF
#000000
#BBA2CC

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(187, 162, 204) · HSL(275,7, 29,2%, 71,8%) · CMYK(8,3%, 20,6%, 0,0%, 20,0%)

Does #BBA2CC meet WCAG contrast on white?

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

What text color is readable on #BBA2CC?

Use 000000 text on a #BBA2CC background; contrast on black is 9,15:1.