#697DEC

#697DEC

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

HEX

#697DEC

RGB

105, 125, 236

HSL

230,8, 77,5%, 66,9%

HSV

230,8, 55,5%, 92,5%

CMYK

55,5%, 47,0%, 0,0%, 7,5%

OKLCH

0,6282 0,167 273,0

Свойства

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

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

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.

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

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

#697DEC

#ECD869

Аналогичный

#69BFEC

#9769EC

#697DEC

Триадный

#697DEC

#EC697D

#7DEC69

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

#697DEC

#EC9769

#BFEC69

Тетрадный

#697DEC

#EC69BF

#ECD869

#69EC97

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

Оригинал

#697DEC

Протанопия

#7272D1

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

#706FCB

Тританопия

#6ABCB7

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

#818181

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

background-color: #697DEC;
color: #697DEC;
border-color: #697DEC;
Ближайший Tailwind-оттенок: Indigo 400 #818CF8

Оттенки Tailwind

50
#F2F4FC
100
#E1E5F9
200
#C0C8F7
300
#92A1F1
400
#586EEA
500
#1D3BE2
600
#172FB5
700
#122691
800
#0E1D71
900
#0F1952
950
#091034

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

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

3,66:1

AA Fail AAA Fail

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

5,75:1

AA Pass AAA Fail

Сравнить с

#697DEC
#ECD869
#697DEC
#FFFFFF
#000000
#697DEC

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

What are the RGB, HSL, and CMYK values of #697DEC?

RGB(105, 125, 236) · HSL(230,8, 77,5%, 66,9%) · CMYK(55,5%, 47,0%, 0,0%, 7,5%)

Does #697DEC meet WCAG contrast on white?

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

What text color is readable on #697DEC?

Use 000000 text on a #697DEC background; contrast on black is 5,75:1.