#ABBECC

#ABBECC

Overview

#ABBECC is a cool, light color. In RGB it is 171, 190, 204, in HSL 205.5°, 24.4%, 73.5%, and in CMYK 16.2%, 6.9%, 0.0%, 20.0%. The nearest named color is Cadet Blue.

On this page

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

HEX

#ABBECC

RGB

171, 190, 204

HSL

205,5, 24,4%, 73,5%

HSV

205,5, 16,2%, 80,0%

CMYK

16,2%, 6,9%, 0,0%, 20,0%

OKLCH

0,7914 0,0289 239,8

Свойства

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

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

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

#ABBECC

#CCB9AB

Аналогичный

#ABCCC9

#ABADCC

#ABBECC

Триадный

#ABBECC

#CCABBE

#BECCAB

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

#ABBECC

#CCABAD

#CCC9AB

Тетрадный

#ABBECC

#C9ABCC

#CCB9AB

#ADCCAB

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

Оригинал

#ABBECC

Протанопия

#B3B3C9

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

#B2B1C8

Тританопия

#ACC6C5

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

#BBBBBB

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

background-color: #ABBECC;
color: #ABBECC;
border-color: #ABBECC;
Ближайший Tailwind-оттенок: Slate 300 #CBD5E1

Оттенки Tailwind

50
#F6F8F9
100
#E9EEF1
200
#D3DDE4
300
#B3C4D1
400
#8AA4B8
500
#60849F
600
#4D6A7F
700
#3E5566
800
#30424F
900
#26323B
950
#182025

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

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

1,91:1

AA Fail AAA Fail

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

10,97:1

AA Pass AAA Pass

Сравнить с

#ABBECC
#CCB9AB
#ABBECC
#FFFFFF
#000000
#ABBECC

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(171, 190, 204) · HSL(205,5, 24,4%, 73,5%) · CMYK(16,2%, 6,9%, 0,0%, 20,0%)

Does #ABBECC meet WCAG contrast on white?

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

What text color is readable on #ABBECC?

Use 000000 text on a #ABBECC background; contrast on black is 10,97:1.