#80CEFE

#80CEFE

Overview

#80CEFE is a cool, light color. In RGB it is 128, 206, 254, in HSL 202.9°, 98.4%, 74.9%, and in CMYK 49.6%, 18.9%, 0.0%, 0.4%. The nearest named color is skyblue 1.

On this page

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

HEX

#80CEFE

RGB

128, 206, 254

HSL

202,9, 98,4%, 74,9%

HSV

202,9, 49,6%, 99,6%

CMYK

49,6%, 18,9%, 0,0%, 0,4%

OKLCH

0,8188 0,1027 236,9

Свойства

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

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

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

#80CEFE

#FEB080

Аналогичный

#80FEEF

#808FFE

#80CEFE

Триадный

#80CEFE

#FE80CE

#CEFE80

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

#80CEFE

#FE808F

#FEEF80

Тетрадный

#80CEFE

#EF80FE

#FEB080

#8FFE80

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

Оригинал

#80CEFE

Протанопия

#A2A2F2

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

#9D97F0

Тританопия

#84E9E7

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

#C1C1C1

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

background-color: #80CEFE;
color: #80CEFE;
border-color: #80CEFE;
Ближайший Tailwind-оттенок: Sky 300 #7DD3FC

Оттенки Tailwind

50
#F1F9FE
100
#DEF1FC
200
#B8E4FE
300
#86D0FE
400
#44B7FD
500
#029DFD
600
#027ECA
700
#0165A2
800
#014F7E
900
#063B5B
950
#04253A

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

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

1,72:1

AA Fail AAA Fail

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

12,18:1

AA Pass AAA Pass

Сравнить с

#80CEFE
#FEB080
#80CEFE
#FFFFFF
#000000
#80CEFE

Бренды, использующие этот цвет

CAVA

CAVA

80CEFE

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

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

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 #80CEFE?

RGB(128, 206, 254) · HSL(202,9, 98,4%, 74,9%) · CMYK(49,6%, 18,9%, 0,0%, 0,4%)

Does #80CEFE meet WCAG contrast on white?

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

What text color is readable on #80CEFE?

Use 000000 text on a #80CEFE background; contrast on black is 12,18:1.