#9ABDF3

#9ABDF3

Overview

#9ABDF3 is a cool, light color. In RGB it is 154, 189, 243, in HSL 216.4°, 78.8%, 77.8%, and in CMYK 36.6%, 22.2%, 0.0%, 4.7%. The nearest named color is skyblue 2.

On this page

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

HEX

#9ABDF3

RGB

154, 189, 243

HSL

216,4, 78,8%, 77,8%

HSV

216,4, 36,6%, 95,3%

CMYK

36,6%, 22,2%, 0,0%, 4,7%

OKLCH

0,7924 0,0862 258,9

Свойства

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

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

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.

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

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

#9ABDF3

#F3D09A

Аналогичный

#9AE9F3

#A39AF3

#9ABDF3

Триадный

#9ABDF3

#F39ABD

#BDF39A

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

#9ABDF3

#F3A39A

#E9F39A

Тетрадный

#9ABDF3

#F39AE9

#F3D09A

#9AF3A3

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

Оригинал

#9ABDF3

Протанопия

#A9A9E6

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

#A7A4E3

Тританопия

#9CDCD9

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

#B9B9B9

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

background-color: #9ABDF3;
color: #9ABDF3;
border-color: #9ABDF3;
Ближайший Tailwind-оттенок: Blue 300 #93C5FD

Оттенки Tailwind

50
#F2F6FC
100
#E1EBF9
200
#BFD5F7
300
#92B8F2
400
#5691EB
500
#1B6AE4
600
#1655B6
700
#114492
800
#0E3572
900
#0E2953
950
#091A34

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

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

1,92:1

AA Fail AAA Fail

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

10,95:1

AA Pass AAA Pass

Сравнить с

#9ABDF3
#F3D09A
#9ABDF3
#FFFFFF
#000000
#9ABDF3

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(154, 189, 243) · HSL(216,4, 78,8%, 77,8%) · CMYK(36,6%, 22,2%, 0,0%, 4,7%)

Does #9ABDF3 meet WCAG contrast on white?

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

What text color is readable on #9ABDF3?

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