#ABCAE5

#ABCAE5

Overview

#ABCAE5 is a cool, light color. In RGB it is 171, 202, 229, in HSL 207.9°, 52.7%, 78.4%, and in CMYK 25.3%, 11.8%, 0.0%, 10.2%. The nearest named color is NCS S 0520-B Light Blue.

On this page

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

HEX

#ABCAE5

RGB

171, 202, 229

HSL

207,9, 52,7%, 78,4%

HSV

207,9, 25,3%, 89,8%

CMYK

25,3%, 11,8%, 0,0%, 10,2%

OKLCH

0,8251 0,0506 244,7

Свойства

Холодный Светлый Ближайший: NCS S 0520-B Light Blue

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

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.

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

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

#ABCAE5

#E5C6AB

Аналогичный

#ABE5E3

#ABADE5

#ABCAE5

Триадный

#ABCAE5

#E5ABCA

#CAE5AB

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

#ABCAE5

#E5ABAD

#E5E3AB

Тетрадный

#ABCAE5

#E3ABE5

#E5C6AB

#ADE5AB

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

Оригинал

#ABCAE5

Протанопия

#B8B9DE

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

#B7B4DD

Тританопия

#ADD9D8

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

#C5C5C5

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

background-color: #ABCAE5;
color: #ABCAE5;
border-color: #ABCAE5;
Ближайший Tailwind-оттенок: Blue 200 #BFDBFE

Оттенки Tailwind

50
#F4F8FB
100
#E5EEF5
200
#C8DDEE
300
#A2C4E2
400
#6FA4D2
500
#3C84C3
600
#306A9C
700
#27557D
800
#1E4261
900
#193247
950
#10202D

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

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

1,71:1

AA Fail AAA Fail

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

12,31:1

AA Pass AAA Pass

Сравнить с

#ABCAE5
#E5C6AB
#ABCAE5
#FFFFFF
#000000
#ABCAE5

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(171, 202, 229) · HSL(207,9, 52,7%, 78,4%) · CMYK(25,3%, 11,8%, 0,0%, 10,2%)

Does #ABCAE5 meet WCAG contrast on white?

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

What text color is readable on #ABCAE5?

Use 000000 text on a #ABCAE5 background; contrast on black is 12,31:1.