#B4ABC7

#B4ABC7

Overview

#B4ABC7 is a cool, light color. In RGB it is 180, 171, 199, in HSL 259.3°, 20.0%, 72.5%, and in CMYK 9.5%, 14.1%, 0.0%, 22.0%. The nearest named color is thistle 3.

On this page

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

HEX

#B4ABC7

RGB

180, 171, 199

HSL

259,3, 20,0%, 72,5%

HSV

259,3, 14,1%, 78,0%

CMYK

9,5%, 14,1%, 0,0%, 22,0%

OKLCH

0,7578 0,0408 300,1

Свойства

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

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

Light blues are universally associated with clear skies, serenity, and trustworthiness. They lower blood pressure and heart rate, making them the most psychologically calming chromatic colors. Baby blue in particular symbolizes gentleness, innocence, and reliable safety.

Design Usage

Soft blues are the most widely used background color in enterprise software, social media, and healthcare apps. They create a professional yet friendly atmosphere that encourages prolonged engagement. Use them for empty states, onboarding screens, and informational banners that should feel non-threatening.

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

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

#B4ABC7

#BEC7AB

Аналогичный

#ABB0C7

#C2ABC7

#B4ABC7

Триадный

#B4ABC7

#C7B4AB

#ABC7B4

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

#B4ABC7

#C7C2AB

#B0C7AB

Тетрадный

#B4ABC7

#C7ABB0

#BEC7AB

#ABC7C2

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

Оригинал

#B4ABC7

Протанопия

#B0B0C0

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

#B1B1BF

Тританопия

#B4BBBA

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

#AFAFAF

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

background-color: #B4ABC7;
color: #B4ABC7;
border-color: #B4ABC7;
Ближайший Tailwind-оттенок: Slate 400 #94A3B8

Оттенки Tailwind

50
#F7F6F9
100
#ECEAF0
200
#D9D4E2
300
#BDB6CE
400
#9A8EB4
500
#766699
600
#5F527A
700
#4C4162
800
#3B334D
900
#2D2839
950
#1D1924

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

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

2,19:1

AA Fail AAA Fail

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

9,59:1

AA Pass AAA Pass

Сравнить с

#B4ABC7
#BEC7AB
#B4ABC7
#FFFFFF
#000000
#B4ABC7

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(180, 171, 199) · HSL(259,3, 20,0%, 72,5%) · CMYK(9,5%, 14,1%, 0,0%, 22,0%)

Does #B4ABC7 meet WCAG contrast on white?

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

What text color is readable on #B4ABC7?

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