#9EBAC5

#9EBAC5

Overview

#9EBAC5 is a cool, light color. In RGB it is 158, 186, 197, in HSL 196.9°, 25.2%, 69.6%, and in CMYK 19.8%, 5.6%, 0.0%, 22.7%. The nearest named color is lightblue 3.

On this page

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

HEX

#9EBAC5

RGB

158, 186, 197

HSL

196,9, 25,2%, 69,6%

HSV

196,9, 19,8%, 77,3%

CMYK

19,8%, 5,6%, 0,0%, 22,7%

OKLCH

0,7715 0,0343 223,5

Свойства

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

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

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

#9EBAC5

#C5A99E

Аналогичный

#9EC5BC

#9EA6C5

#9EBAC5

Триадный

#9EBAC5

#C59EBA

#BAC59E

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

#9EBAC5

#C59EA6

#C5BC9E

Тетрадный

#9EBAC5

#BC9EC5

#C5A99E

#A6C59E

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

Оригинал

#9EBAC5

Протанопия

#AAAAC2

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

#A8A6C2

Тританопия

#9FC0C0

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

#B5B5B5

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

background-color: #9EBAC5;
color: #9EBAC5;
border-color: #9EBAC5;
Ближайший Tailwind-оттенок: Gray 400 #9CA3AF

Оттенки Tailwind

50
#F6F8F9
100
#E9EFF1
200
#D2DFE4
300
#B2C9D1
400
#89ABB8
500
#5F8EA0
600
#4C7180
700
#3D5B66
800
#304750
900
#25353B
950
#182226

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

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

2,04:1

AA Fail AAA Fail

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

10,28:1

AA Pass AAA Pass

Сравнить с

#9EBAC5
#C5A99E
#9EBAC5
#FFFFFF
#000000
#9EBAC5

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(158, 186, 197) · HSL(196,9, 25,2%, 69,6%) · CMYK(19,8%, 5,6%, 0,0%, 22,7%)

Does #9EBAC5 meet WCAG contrast on white?

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

What text color is readable on #9EBAC5?

Use 000000 text on a #9EBAC5 background; contrast on black is 10,28:1.