#A2ABC5

#A2ABC5

Overview

#A2ABC5 is a cool, light color. In RGB it is 162, 171, 197, in HSL 224.6°, 23.2%, 70.4%, and in CMYK 17.8%, 13.2%, 0.0%, 22.7%. The nearest named color is lightsteelblue 3.

On this page

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

HEX

#A2ABC5

RGB

162, 171, 197

HSL

224,6, 23,2%, 70,4%

HSV

224,6, 17,8%, 77,3%

CMYK

17,8%, 13,2%, 0,0%, 22,7%

OKLCH

0,7427 0,0388 270,3

Свойства

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

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

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

#A2ABC5

#C5BCA2

Аналогичный

#A2BDC5

#ABA2C5

#A2ABC5

Триадный

#A2ABC5

#C5A2AB

#ABC5A2

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

#A2ABC5

#C5ABA2

#BDC5A2

Тетрадный

#A2ABC5

#C5A2BD

#C5BCA2

#A2C5AB

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

Оригинал

#A2ABC5

Протанопия

#A6A6BF

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

#A5A5BD

Тританопия

#A2BAB9

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

#ABABAB

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

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

Оттенки Tailwind

50
#F6F7F9
100
#EAEBF1
200
#D3D7E4
300
#B4BBD0
400
#8B96B7
500
#62719D
600
#4E5A7E
700
#3F4865
800
#31394F
900
#262C3B
950
#181B25

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

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

2,29:1

AA Fail AAA Fail

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

9,17:1

AA Pass AAA Pass

Сравнить с

#A2ABC5
#C5BCA2
#A2ABC5
#FFFFFF
#000000
#A2ABC5

Бренды, использующие этот цвет

Vevo

Vevo

A2ABC5

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(162, 171, 197) · HSL(224,6, 23,2%, 70,4%) · CMYK(17,8%, 13,2%, 0,0%, 22,7%)

Does #A2ABC5 meet WCAG contrast on white?

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

What text color is readable on #A2ABC5?

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