#BAA2CE

#BAA2CE

Overview

#BAA2CE is a cool, light color. In RGB it is 186, 162, 206, in HSL 272.7°, 31.0%, 72.2%, and in CMYK 9.7%, 21.4%, 0.0%, 19.2%. The nearest named color is Blue Bell.

On this page

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

HEX

#BAA2CE

RGB

186, 162, 206

HSL

272,7, 31,0%, 72,2%

HSV

272,7, 21,4%, 80,8%

CMYK

9,7%, 21,4%, 0,0%, 19,2%

OKLCH

0,7479 0,0674 309,4

Свойства

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

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

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

#BAA2CE

#B6CEA2

Аналогичный

#A4A2CE

#CEA2CC

#BAA2CE

Триадный

#BAA2CE

#CEBAA2

#A2CEBA

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

#BAA2CE

#CCCEA2

#A2CEA4

Тетрадный

#BAA2CE

#CEA4A2

#B6CEA2

#A2CCCE

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

Оригинал

#BAA2CE

Протанопия

#B0AFC3

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

#B1B3C1

Тританопия

#B9BBB9

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

#AAAAAA

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

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

Оттенки Tailwind

50
#F8F5F9
100
#EEE8F2
200
#DCD0E6
300
#C4AFD5
400
#A383BE
500
#8358A7
600
#694686
700
#54386B
800
#422C54
900
#32233E
950
#1F1627

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

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

2,3:1

AA Fail AAA Fail

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

9,15:1

AA Pass AAA Pass

Сравнить с

#BAA2CE
#B6CEA2
#BAA2CE
#FFFFFF
#000000
#BAA2CE

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(186, 162, 206) · HSL(272,7, 31,0%, 72,2%) · CMYK(9,7%, 21,4%, 0,0%, 19,2%)

Does #BAA2CE meet WCAG contrast on white?

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

What text color is readable on #BAA2CE?

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