#7CBAF0

#7CBAF0

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

HEX

#7CBAF0

RGB

124, 186, 240

HSL

207,9, 79,5%, 71,4%

HSV

207,9, 48,3%, 94,1%

CMYK

48,3%, 22,5%, 0,0%, 5,9%

OKLCH

0,7676 0,1008 245,9

Свойства

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

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

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

#7CBAF0

#F0B27C

Аналогичный

#7CF0EC

#7C80F0

#7CBAF0

Триадный

#7CBAF0

#F07CBA

#BAF07C

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

#7CBAF0

#F07C80

#F0EC7C

Тетрадный

#7CBAF0

#EC7CF0

#F0B27C

#80F07C

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

Оригинал

#7CBAF0

Протанопия

#9797E3

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

#938FE0

Тританопия

#7FD9D6

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

#B1B1B1

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

background-color: #7CBAF0;

color: #7CBAF0;

border-color: #7CBAF0;

Ближайший Tailwind-оттенок: Blue 300 #93C5FD

Оттенки Tailwind

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

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

2,07:1

AA Fail AAA Fail

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

10,14:1

AA Pass AAA Pass

Сравнить с

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

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

Янв 26, 2026

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

Янв 21, 2026

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

Янв 15, 2026

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

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

RGB(124, 186, 240) · HSL(207,9, 79,5%, 71,4%) · CMYK(48,3%, 22,5%, 0,0%, 5,9%)

Does #7CBAF0 meet WCAG contrast on white?

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

What text color is readable on #7CBAF0?

Use 000000 text on a #7CBAF0 background; contrast on black is 10,14:1.