#786DFE

#786DFE

Overview

#786DFE is a cool, light color. In RGB it is 120, 109, 254, in HSL 244.6°, 98.6%, 71.2%, and in CMYK 52.8%, 57.1%, 0.0%, 0.4%. The nearest named color is slateblue 1.

On this page

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

HEX

#786DFE

RGB

120, 109, 254

HSL

244,6, 98,6%, 71,2%

HSV

244,6, 57,1%, 99,6%

CMYK

52,8%, 57,1%, 0,0%, 0,4%

OKLCH

0,6218 0,2083 281,9

Свойства

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

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

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

#786DFE

#F3FE6D

Аналогичный

#6DAAFE

#C16DFE

#786DFE

Триадный

#786DFE

#FE786D

#6DFE78

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

#786DFE

#FEC16D

#AAFE6D

Тетрадный

#786DFE

#FE6DAA

#F3FE6D

#6DFEC1

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

Оригинал

#786DFE

Протанопия

#7373DB

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

#7475D2

Тританопия

#77BFB9

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

#7A7A7A

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

background-color: #786DFE;

color: #786DFE;

border-color: #786DFE;

Ближайший Tailwind-оттенок: Indigo 500 #6366F1

Оттенки Tailwind

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

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

3,88:1

AA Fail AAA Fail

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

5,42:1

AA Pass AAA Fail

Сравнить с

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

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

Янв 26, 2026

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

Янв 21, 2026

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

Янв 15, 2026

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

What are the RGB, HSL, and CMYK values of #786DFE?

RGB(120, 109, 254) · HSL(244,6, 98,6%, 71,2%) · CMYK(52,8%, 57,1%, 0,0%, 0,4%)

Does #786DFE meet WCAG contrast on white?

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

What text color is readable on #786DFE?

Use 000000 text on a #786DFE background; contrast on black is 5,42:1.