#87A4DF

#87A4DF

Overview

#87A4DF is a cool, light color. In RGB it is 135, 164, 223, in HSL 220.2°, 57.9%, 70.2%, and in CMYK 39.5%, 26.5%, 0.0%, 12.5%. The nearest named color is Blue Bell.

On this page

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

HEX

#87A4DF

RGB

135, 164, 223

HSL

220,2, 57,9%, 70,2%

HSV

220,2, 39,5%, 87,5%

CMYK

39,5%, 26,5%, 0,0%, 12,5%

OKLCH

0,7195 0,0924 264,0

Свойства

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

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

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.

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

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

#87A4DF

#DFC287

Аналогичный

#87D0DF

#9687DF

#87A4DF

Триадный

#87A4DF

#DF87A4

#A4DF87

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

#87A4DF

#DF9687

#D0DF87

Тетрадный

#87A4DF

#DF87D0

#DFC287

#87DF96

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

Оригинал

#87A4DF

Протанопия

#9494D1

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

#9290CD

Тританопия

#88C5C3

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

#A2A2A2

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

background-color: #87A4DF;
color: #87A4DF;
border-color: #87A4DF;
Ближайший Tailwind-оттенок: Indigo 300 #A5B4FC

Оттенки Tailwind

50
#F4F6FB
100
#E4EAF6
200
#C7D4F0
300
#9EB6E5
400
#6A8ED7
500
#3666C9
600
#2B52A1
700
#224281
800
#1B3365
900
#17284A
950
#0F192F

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

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

2,5:1

AA Fail AAA Fail

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

8,41:1

AA Pass AAA Pass

Сравнить с

#87A4DF
#DFC287
#87A4DF
#FFFFFF
#000000
#87A4DF

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

Руководства по инструментам

WCAG AA vs AAA: Contrast Requirements Compared

Авг 20, 2026
Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026

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

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

RGB(135, 164, 223) · HSL(220,2, 57,9%, 70,2%) · CMYK(39,5%, 26,5%, 0,0%, 12,5%)

Does #87A4DF meet WCAG contrast on white?

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

What text color is readable on #87A4DF?

Use 000000 text on a #87A4DF background; contrast on black is 8,41:1.