#BAB2BF

#BAB2BF

Overview

#BAB2BF is a cool, light color. In RGB it is 186, 178, 191, in HSL 276.9°, 9.2%, 72.4%, and in CMYK 2.6%, 6.8%, 0.0%, 25.1%. The nearest named color is Cadet Blue.

On this page

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

HEX

#BAB2BF

RGB

186, 178, 191

HSL

276,9, 9,2%, 72,4%

HSV

276,9, 6,8%, 74,9%

CMYK

2,6%, 6,8%, 0,0%, 25,1%

OKLCH

0,7741 0,0202 312,8

Свойства

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

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

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

#BAB2BF

#B7BFB2

Аналогичный

#B4B2BF

#BFB2BE

#BAB2BF

Триадный

#BAB2BF

#BFBAB2

#B2BFBA

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

#BAB2BF

#BEBFB2

#B2BFB4

Тетрадный

#BAB2BF

#BFB4B2

#B7BFB2

#B2BEBF

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

Оригинал

#BAB2BF

Протанопия

#B7B6BC

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

#B7B8BB

Тританопия

#BAB9B9

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

#B5B5B5

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

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

Оттенки Tailwind

50
#F7F7F8
100
#EDECEF
200
#DCD8DF
300
#C3BCC7
400
#A398A9
500
#82748B
600
#685D6F
700
#534A59
800
#413A46
900
#312C34
950
#1F1C21

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

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

2,06:1

AA Fail AAA Fail

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

10,21:1

AA Pass AAA Pass

Сравнить с

#BAB2BF
#B7BFB2
#BAB2BF
#FFFFFF
#000000
#BAB2BF

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(186, 178, 191) · HSL(276,9, 9,2%, 72,4%) · CMYK(2,6%, 6,8%, 0,0%, 25,1%)

Does #BAB2BF meet WCAG contrast on white?

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

What text color is readable on #BAB2BF?

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