#9BA3BA

#9BA3BA

Overview

#9BA3BA is a cool, light color. In RGB it is 155, 163, 186, in HSL 224.5°, 18.3%, 66.9%, and in CMYK 16.7%, 12.4%, 0.0%, 27.1%. The nearest named color is Manatee.

On this page

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

HEX

#9BA3BA

RGB

155, 163, 186

HSL

224,5, 18,3%, 66,9%

HSV

224,5, 16,7%, 72,9%

CMYK

16,7%, 12,4%, 0,0%, 27,1%

OKLCH

0,7167 0,0347 270,3

Свойства

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

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

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.

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

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

#9BA3BA

#BAB29B

Аналогичный

#9BB3BA

#A39BBA

#9BA3BA

Триадный

#9BA3BA

#BA9BA3

#A3BA9B

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

#9BA3BA

#BAA39B

#B3BA9B

Тетрадный

#9BA3BA

#BA9BB3

#BAB29B

#9BBAA3

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

Оригинал

#9BA3BA

Протанопия

#9E9FB4

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

#9E9DB3

Тританопия

#9BB0AF

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

#A3A3A3

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

background-color: #9BA3BA;

color: #9BA3BA;

border-color: #9BA3BA;

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

Оттенки Tailwind

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

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

2,52:1

AA Fail AAA Fail

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

8,34:1

AA Pass AAA Pass

Сравнить с

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

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

Янв 26, 2026

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

Янв 21, 2026

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

Янв 15, 2026

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

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

RGB(155, 163, 186) · HSL(224,5, 18,3%, 66,9%) · CMYK(16,7%, 12,4%, 0,0%, 27,1%)

Does #9BA3BA meet WCAG contrast on white?

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

What text color is readable on #9BA3BA?

Use 000000 text on a #9BA3BA background; contrast on black is 8,34:1.