#97F2F4

#97F2F4

Overview

#97F2F4 is a cool, light color. In RGB it is 151, 242, 244, in HSL 181.3°, 80.9%, 77.5%, and in CMYK 38.1%, 0.8%, 0.0%, 4.3%. The nearest named color is cadetblue 1.

On this page

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

HEX

#97F2F4

RGB

151, 242, 244

HSL

181,3, 80,9%, 77,5%

HSV

181,3, 38,1%, 95,7%

CMYK

38,1%, 0,8%, 0,0%, 4,3%

OKLCH

0,905 0,0871 197,5

Свойства

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

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

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.

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

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

#97F2F4

#F49997

Аналогичный

#97F4C8

#97C4F4

#97F2F4

Триадный

#97F2F4

#F497F2

#F2F497

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

#97F2F4

#F497C4

#F4C897

Тетрадный

#97F2F4

#C897F4

#F49997

#C4F497

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

Оригинал

#97F2F4

Протанопия

#BEBFF4

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

#B9B2F3

Тританопия

#9CF3F3

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

#DFDFDF

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

background-color: #97F2F4;

color: #97F2F4;

border-color: #97F2F4;

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

Оттенки Tailwind

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

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

1,29:1

AA Fail AAA Fail

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

16,32: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 #97F2F4?

RGB(151, 242, 244) · HSL(181,3, 80,9%, 77,5%) · CMYK(38,1%, 0,8%, 0,0%, 4,3%)

Does #97F2F4 meet WCAG contrast on white?

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

What text color is readable on #97F2F4?

Use 000000 text on a #97F2F4 background; contrast on black is 16,32:1.