#ABDAFF

#ABDAFF

Overview

#ABDAFF is a cool, light color. In RGB it is 171, 218, 255, in HSL 206.4°, 100.0%, 83.5%, and in CMYK 32.9%, 14.5%, 0.0%, 0.0%. The nearest named color is lightskyblue 1.

On this page

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

HEX

#ABDAFF

RGB

171, 218, 255

HSL

206,4, 100,0%, 83,5%

HSV

206,4, 32,9%, 100,0%

CMYK

32,9%, 14,5%, 0,0%, 0,0%

OKLCH

0,8679 0,0711 242,3

Свойства

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

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

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.

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

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

#ABDAFF

#FFD0AB

Аналогичный

#ABFFFA

#ABB0FF

#ABDAFF

Триадный

#ABDAFF

#FFABDA

#DAFFAB

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

#ABDAFF

#FFABB0

#FFFAAB

Тетрадный

#ABDAFF

#FAABFF

#FFD0AB

#B0FFAB

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

Оригинал

#ABDAFF

Протанопия

#BFC0F6

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

#BDB9F4

Тританопия

#ADEFED

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

#D3D3D3

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

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

Оттенки Tailwind

50
#F1F8FE
100
#DEEFFC
200
#B8E0FF
300
#85C9FF
400
#42ACFF
500
#008FFF
600
#0072CC
700
#005BA3
800
#004780
900
#05365C
950
#03223A

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

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

1,48:1

AA Fail AAA Fail

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

14,2:1

AA Pass AAA Pass

Сравнить с

#ABDAFF
#FFD0AB
#ABDAFF
#FFFFFF
#000000
#ABDAFF

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(171, 218, 255) · HSL(206,4, 100,0%, 83,5%) · CMYK(32,9%, 14,5%, 0,0%, 0,0%)

Does #ABDAFF meet WCAG contrast on white?

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

What text color is readable on #ABDAFF?

Use 000000 text on a #ABDAFF background; contrast on black is 14,2:1.