#BAB0BF

#BAB0BF

Overview

#BAB0BF is a cool, light color. In RGB it is 186, 176, 191, in HSL 280.0°, 10.5%, 72.0%, and in CMYK 2.6%, 7.9%, 0.0%, 25.1%. The nearest named color is Cadet Blue.

On this page

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

HEX

#BAB0BF

RGB

186, 176, 191

HSL

280,0, 10,5%, 72,0%

HSV

280,0, 7,9%, 74,9%

CMYK

2,6%, 7,9%, 0,0%, 25,1%

OKLCH

0,7701 0,0238 314,7

Свойства

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

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

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

#BAB0BF

#B5BFB0

Аналогичный

#B3B0BF

#BFB0BD

#BAB0BF

Триадный

#BAB0BF

#BFBAB0

#B0BFBA

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

#BAB0BF

#BDBFB0

#B0BFB3

Тетрадный

#BAB0BF

#BFB3B0

#B5BFB0

#B0BDBF

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

Оригинал

#BAB0BF

Протанопия

#B6B6BB

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

#B6B7BA

Тританопия

#BAB9B8

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

#B3B3B3

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

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

Оттенки Tailwind

50
#F8F7F8
100
#EEECEF
200
#DDD8DF
300
#C4BBC8
400
#A497AB
500
#84728D
600
#6A5B71
700
#54495A
800
#423946
900
#322C35
950
#201C21

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

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

2,09:1

AA Fail AAA Fail

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

10,05:1

AA Pass AAA Pass

Сравнить с

#BAB0BF
#B5BFB0
#BAB0BF
#FFFFFF
#000000
#BAB0BF

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(186, 176, 191) · HSL(280,0, 10,5%, 72,0%) · CMYK(2,6%, 7,9%, 0,0%, 25,1%)

Does #BAB0BF meet WCAG contrast on white?

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

What text color is readable on #BAB0BF?

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