#80B5DF

#80B5DF

Overview

#80B5DF is a cool, light color. In RGB it is 128, 181, 223, in HSL 206.5°, 59.7%, 68.8%, and in CMYK 42.6%, 18.8%, 0.0%, 12.5%. The nearest named color is skyblue 2.

On this page

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

HEX

#80B5DF

RGB

128, 181, 223

HSL

206,5, 59,7%, 68,8%

HSV

206,5, 42,6%, 87,5%

CMYK

42,6%, 18,8%, 0,0%, 12,5%

OKLCH

0,7517 0,0825 243,0

Свойства

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

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

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.

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

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

#80B5DF

#DFAA80

Аналогичный

#80DFD9

#8085DF

#80B5DF

Триадный

#80B5DF

#DF80B5

#B5DF80

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

#80B5DF

#DF8085

#DFD980

Тетрадный

#80B5DF

#D980DF

#DFAA80

#85DF80

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

Оригинал

#80B5DF

Протанопия

#9797D5

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

#9490D2

Тританопия

#83CDCB

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

#ADADAD

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

background-color: #80B5DF;
color: #80B5DF;
border-color: #80B5DF;
Ближайший Tailwind-оттенок: Blue 300 #93C5FD

Оттенки Tailwind

50
#F3F8FB
100
#E4EEF6
200
#C6DEF1
300
#9DC6E6
400
#68A7D9
500
#3388CC
600
#296DA3
700
#215782
800
#1A4466
900
#16334A
950
#0E212F

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

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

2,19:1

AA Fail AAA Fail

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

9,59:1

AA Pass AAA Pass

Сравнить с

#80B5DF
#DFAA80
#80B5DF
#FFFFFF
#000000
#80B5DF

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(128, 181, 223) · HSL(206,5, 59,7%, 68,8%) · CMYK(42,6%, 18,8%, 0,0%, 12,5%)

Does #80B5DF meet WCAG contrast on white?

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

What text color is readable on #80B5DF?

Use 000000 text on a #80B5DF background; contrast on black is 9,59:1.