#697CFA

#697CFA

Overview

#697CFA is a cool, light color. In RGB it is 105, 124, 250, in HSL 232.1°, 93.5%, 69.6%, and in CMYK 58.0%, 50.4%, 0.0%, 2.0%. The nearest named color is royalblue 2.

On this page

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

HEX

#697CFA

RGB

105, 124, 250

HSL

232,1, 93,5%, 69,6%

HSV

232,1, 58,0%, 98,0%

CMYK

58,0%, 50,4%, 0,0%, 2,0%

OKLCH

0,6354 0,1871 273,4

Свойства

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

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

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

#697CFA

#FAE769

Аналогичный

#69C5FA

#9E69FA

#697CFA

Триадный

#697CFA

#FA697C

#7CFA69

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

#697CFA

#FA9E69

#C5FA69

Тетрадный

#697CFA

#FA69C5

#FAE769

#69FA9E

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

Оригинал

#697CFA

Протанопия

#7171DC

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

#706FD4

Тританопия

#6AC3BE

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

#818181

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

background-color: #697CFA;
color: #697CFA;
border-color: #697CFA;
Ближайший Tailwind-оттенок: Blue 500 #3B82F6

Оттенки Tailwind

50
#F1F3FD
100
#DFE3FB
200
#BAC3FD
300
#8998FB
400
#4860F9
500
#0828F7
600
#0720C5
700
#05199E
800
#04147B
900
#081259
950
#050C38

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

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

3,58:1

AA Fail AAA Fail

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

5,86:1

AA Pass AAA Fail

Сравнить с

#697CFA
#FAE769
#697CFA
#FFFFFF
#000000
#697CFA

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

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

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 #697CFA?

RGB(105, 124, 250) · HSL(232,1, 93,5%, 69,6%) · CMYK(58,0%, 50,4%, 0,0%, 2,0%)

Does #697CFA meet WCAG contrast on white?

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

What text color is readable on #697CFA?

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