#7EB2D5

#7EB2D5

Overview

#7EB2D5 is a cool, light color. In RGB it is 126, 178, 213, in HSL 204.1°, 50.9%, 66.5%, and in CMYK 40.8%, 16.4%, 0.0%, 16.5%. The nearest named color is skyblue 3.

On this page

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

HEX

#7EB2D5

RGB

126, 178, 213

HSL

204,1, 50,9%, 66,5%

HSV

204,1, 40,8%, 83,5%

CMYK

40,8%, 16,4%, 0,0%, 16,5%

OKLCH

0,7399 0,0747 238,5

Свойства

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

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

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.

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

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

#7EB2D5

#D5A17E

Аналогичный

#7ED5CD

#7E87D5

#7EB2D5

Триадный

#7EB2D5

#D57EB2

#B2D57E

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

#7EB2D5

#D57E87

#D5CD7E

Тетрадный

#7EB2D5

#CD7ED5

#D5A17E

#87D57E

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

Оригинал

#7EB2D5

Протанопия

#9595CD

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

#928ECA

Тританопия

#81C6C4

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

#A9A9A9

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

background-color: #7EB2D5;

color: #7EB2D5;

border-color: #7EB2D5;

Ближайший Tailwind-оттенок: Slate 400 #94A3B8

Оттенки Tailwind

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

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

2,28:1

AA Fail AAA Fail

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

9,22: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 #7EB2D5?

RGB(126, 178, 213) · HSL(204,1, 50,9%, 66,5%) · CMYK(40,8%, 16,4%, 0,0%, 16,5%)

Does #7EB2D5 meet WCAG contrast on white?

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

What text color is readable on #7EB2D5?

Use 000000 text on a #7EB2D5 background; contrast on black is 9,22:1.