#97DEF2

#97DEF2

Overview

#97DEF2 is a cool, light color. In RGB it is 151, 222, 242, in HSL 193.2°, 77.8%, 77.1%, and in CMYK 37.6%, 8.3%, 0.0%, 5.1%. The nearest named color is Sky Blue.

On this page

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

HEX

#97DEF2

RGB

151, 222, 242

HSL

193,2, 77,8%, 77,1%

HSV

193,2, 37,6%, 94,9%

CMYK

37,6%, 8,3%, 0,0%, 5,1%

OKLCH

0,8605 0,0759 217,4

Свойства

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

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

Light cyans and sky blues are among the most universally calming colors, evoking clear skies and fresh air. They inspire openness, mental clarity, and a sense of freedom. These tones are psychologically associated with truthfulness and uncomplicated communication.

Design Usage

Soft cyan makes an excellent background for info alerts, tooltips, and educational content sections. It creates a sense of spaciousness in dashboard layouts without the sterility of pure white. Pair it with deep blue or navy text for a professional, high-contrast information hierarchy.

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

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

#97DEF2

#F2AB97

Аналогичный

#97F2D9

#97B1F2

#97DEF2

Триадный

#97DEF2

#F297DE

#DEF297

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

#97DEF2

#F297B1

#F2D997

Тетрадный

#97DEF2

#D997F2

#F2AB97

#B1F297

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

Оригинал

#97DEF2

Протанопия

#B6B6ED

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

#B2ACEC

Тританопия

#9BE9E8

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

#D0D0D0

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

background-color: #97DEF2;

color: #97DEF2;

border-color: #97DEF2;

Ближайший Tailwind-оттенок: Sky 200 #BAE6FD

Оттенки Tailwind

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

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

1,5:1

AA Fail AAA Fail

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

14,05:1

AA Pass AAA Pass

Сравнить с

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

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

Янв 26, 2026

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

Янв 21, 2026

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

Янв 15, 2026

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

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

RGB(151, 222, 242) · HSL(193,2, 77,8%, 77,1%) · CMYK(37,6%, 8,3%, 0,0%, 5,1%)

Does #97DEF2 meet WCAG contrast on white?

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

What text color is readable on #97DEF2?

Use 000000 text on a #97DEF2 background; contrast on black is 14,05:1.