#B2ABBD

#B2ABBD

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

HEX

#B2ABBD

RGB

178, 171, 189

HSL

263,3, 12,0%, 70,6%

HSV

263,3, 9,5%, 74,1%

CMYK

5,8%, 9,5%, 0,0%, 25,9%

OKLCH

0,7527 0,0266 303,4

Свойства

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

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

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.

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

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

#B2ABBD

#B6BDAB

Аналогичный

#ABADBD

#BBABBD

#B2ABBD

Триадный

#B2ABBD

#BDB2AB

#ABBDB2

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

#B2ABBD

#BDBBAB

#ADBDAB

Тетрадный

#B2ABBD

#BDABAD

#B6BDAB

#ABBDBB

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

Оригинал

#B2ABBD

Протанопия

#AFAFB9

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

#AFB0B8

Тританопия

#B2B5B4

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

#AEAEAE

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

background-color: #B2ABBD;
color: #B2ABBD;
border-color: #B2ABBD;
Ближайший Tailwind-оттенок: Zinc 400 #A1A1AA

Оттенки Tailwind

50
#F7F7F8
100
#EDEBEF
200
#DAD7E0
300
#C0BAC9
400
#9E95AC
500
#7C708F
600
#635A72
700
#4F485B
800
#3E3847
900
#2F2B36
950
#1E1B22

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

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

2,22:1

AA Fail AAA Fail

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

9,45:1

AA Pass AAA Pass

Сравнить с

#B2ABBD
#B6BDAB
#B2ABBD
#FFFFFF
#000000
#B2ABBD

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(178, 171, 189) · HSL(263,3, 12,0%, 70,6%) · CMYK(5,8%, 9,5%, 0,0%, 25,9%)

Does #B2ABBD meet WCAG contrast on white?

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

What text color is readable on #B2ABBD?

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