#679DF0

#679DF0

Overview

#679DF0 is a cool, light color. In RGB it is 103, 157, 240, in HSL 216.4°, 82.0%, 67.3%, and in CMYK 57.1%, 34.6%, 0.0%, 5.9%. The nearest named color is cornflowerblue.

On this page

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

HEX

#679DF0

RGB

103, 157, 240

HSL

216,4, 82,0%, 67,3%

HSV

216,4, 57,1%, 94,1%

CMYK

57,1%, 34,6%, 0,0%, 5,9%

OKLCH

0,6947 0,1357 258,7

Свойства

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

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

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.

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

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

#679DF0

#F0BA67

Аналогичный

#67E1F0

#7667F0

#679DF0

Триадный

#679DF0

#F0679D

#9DF067

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

#679DF0

#F07667

#E1F067

Тетрадный

#679DF0

#F067E1

#F0BA67

#67F076

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

Оригинал

#679DF0

Протанопия

#7E7FDC

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

#7B77D7

Тританопия

#6ACCC9

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

#989898

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

background-color: #679DF0;
color: #679DF0;
border-color: #679DF0;
Ближайший Tailwind-оттенок: Blue 400 #60A5FA

Оттенки Tailwind

50
#F2F6FD
100
#E1EAFA
200
#BED5F9
300
#90B7F4
400
#5390EE
500
#1769E8
600
#1254BA
700
#0F4395
800
#0B3574
900
#0D2954
950
#081A35

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

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

2,74:1

AA Fail AAA Fail

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

7,66:1

AA Pass AAA Pass

Сравнить с

#679DF0
#F0BA67
#679DF0
#FFFFFF
#000000
#679DF0

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

What are the RGB, HSL, and CMYK values of #679DF0?

RGB(103, 157, 240) · HSL(216,4, 82,0%, 67,3%) · CMYK(57,1%, 34,6%, 0,0%, 5,9%)

Does #679DF0 meet WCAG contrast on white?

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

What text color is readable on #679DF0?

Use 000000 text on a #679DF0 background; contrast on black is 7,66:1.