#ABC3D6

#ABC3D6

Overview

#ABC3D6 is a cool, light color. In RGB it is 171, 195, 214, in HSL 206.5°, 34.4%, 75.5%, and in CMYK 20.1%, 8.9%, 0.0%, 16.1%. The nearest named color is NCS S 0520-B Light Blue.

On this page

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

HEX

#ABC3D6

RGB

171, 195, 214

HSL

206,5, 34,4%, 75,5%

HSV

206,5, 20,1%, 83,9%

CMYK

20,1%, 8,9%, 0,0%, 16,1%

OKLCH

0,8053 0,0375 241,9

Свойства

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

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

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

#ABC3D6

#D6BEAB

Аналогичный

#ABD6D4

#ABAED6

#ABC3D6

Триадный

#ABC3D6

#D6ABC3

#C3D6AB

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

#ABC3D6

#D6ABAE

#D6D4AB

Тетрадный

#ABC3D6

#D4ABD6

#D6BEAB

#AED6AB

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

Оригинал

#ABC3D6

Протанопия

#B5B6D1

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

#B4B2D0

Тританопия

#ACCECD

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

#BFBFBF

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

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

Оттенки Tailwind

50
#F5F8FA
100
#E8EEF2
200
#CFDDE8
300
#ADC4D7
400
#80A4C1
500
#5485AB
600
#436A89
700
#36556E
800
#2A4256
900
#21323F
950
#152028

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

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

1,82:1

AA Fail AAA Fail

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

11,51:1

AA Pass AAA Pass

Сравнить с

#ABC3D6
#D6BEAB
#ABC3D6
#FFFFFF
#000000
#ABC3D6

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(171, 195, 214) · HSL(206,5, 34,4%, 75,5%) · CMYK(20,1%, 8,9%, 0,0%, 16,1%)

Does #ABC3D6 meet WCAG contrast on white?

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

What text color is readable on #ABC3D6?

Use 000000 text on a #ABC3D6 background; contrast on black is 11,51:1.