#97ACFF

#97ACFF

Overview

#97ACFF is a cool, light color. In RGB it is 151, 172, 255, in HSL 227.9°, 100.0%, 79.6%, and in CMYK 40.8%, 32.5%, 0.0%, 0.0%. The nearest named color is cornflowerblue.

On this page

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

HEX

#97ACFF

RGB

151, 172, 255

HSL

227,9, 100,0%, 79,6%

HSV

227,9, 40,8%, 100,0%

CMYK

40,8%, 32,5%, 0,0%, 0,0%

OKLCH

0,7612 0,1218 272,4

Свойства

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

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

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

#97ACFF

#FFEA97

Аналогичный

#97E0FF

#B697FF

#97ACFF

Триадный

#97ACFF

#FF97AC

#ACFF97

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

#97ACFF

#FFB697

#E0FF97

Тетрадный

#97ACFF

#FF97E0

#FFEA97

#97FFB6

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

Оригинал

#97ACFF

Протанопия

#A0A0EB

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

#9F9DE6

Тританопия

#98DBD8

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

#AEAEAE

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

background-color: #97ACFF;
color: #97ACFF;
border-color: #97ACFF;
Ближайший Tailwind-оттенок: Indigo 300 #A5B4FC

Оттенки Tailwind

50
#F1F3FE
100
#DEE4FC
200
#B8C6FF
300
#859DFF
400
#4268FF
500
#0033FF
600
#0029CC
700
#0021A3
800
#001A80
900
#05165C
950
#030E3A

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

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

2,17:1

AA Fail AAA Fail

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

9,66:1

AA Pass AAA Pass

Сравнить с

#97ACFF
#FFEA97
#97ACFF
#FFFFFF
#000000
#97ACFF

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(151, 172, 255) · HSL(227,9, 100,0%, 79,6%) · CMYK(40,8%, 32,5%, 0,0%, 0,0%)

Does #97ACFF meet WCAG contrast on white?

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

What text color is readable on #97ACFF?

Use 000000 text on a #97ACFF background; contrast on black is 9,66:1.