#97B7DF

#97B7DF

Overview

#97B7DF is a cool, light color. In RGB it is 151, 183, 223, in HSL 213.3°, 52.9%, 73.3%, and in CMYK 32.3%, 17.9%, 0.0%, 12.5%. The nearest named color is Wild Blue Yonder.

On this page

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

HEX

#97B7DF

RGB

151, 183, 223

HSL

213,3, 52,9%, 73,3%

HSV

213,3, 32,3%, 87,5%

CMYK

32,3%, 17,9%, 0,0%, 12,5%

OKLCH

0,7699 0,0674 254,2

Свойства

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

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

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.

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

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

#97B7DF

#DFBF97

Аналогичный

#97DBDF

#9B97DF

#97B7DF

Триадный

#97B7DF

#DF97B7

#B7DF97

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

#97B7DF

#DF9B97

#DBDF97

Тетрадный

#97B7DF

#DF97DB

#DFBF97

#97DF9B

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

Оригинал

#97B7DF

Протанопия

#A5A5D5

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

#A3A1D3

Тританопия

#99CECC

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

#B3B3B3

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

background-color: #97B7DF;
color: #97B7DF;
border-color: #97B7DF;
Ближайший Tailwind-оттенок: Blue 300 #93C5FD

Оттенки Tailwind

50
#F4F7FB
100
#E5ECF5
200
#C8D9EE
300
#A1BEE2
400
#6F9BD3
500
#3C78C3
600
#30609C
700
#264D7D
800
#1E3C61
900
#192E48
950
#101D2D

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

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

2,07:1

AA Fail AAA Fail

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

10,15:1

AA Pass AAA Pass

Сравнить с

#97B7DF
#DFBF97
#97B7DF
#FFFFFF
#000000
#97B7DF

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

What are the RGB, HSL, and CMYK values of #97B7DF?

RGB(151, 183, 223) · HSL(213,3, 52,9%, 73,3%) · CMYK(32,3%, 17,9%, 0,0%, 12,5%)

Does #97B7DF meet WCAG contrast on white?

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

What text color is readable on #97B7DF?

Use 000000 text on a #97B7DF background; contrast on black is 10,15:1.