#ABF2FE

#ABF2FE

Overview

#ABF2FE is a cool, light color. In RGB it is 171, 242, 254, in HSL 188.7°, 97.6%, 83.3%, and in CMYK 32.7%, 4.7%, 0.0%, 0.4%. The nearest named color is Blizzard Blue.

On this page

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

HEX

#ABF2FE

RGB

171, 242, 254

HSL

188,7, 97,6%, 83,3%

HSV

188,7, 32,7%, 99,6%

CMYK

32,7%, 4,7%, 0,0%, 0,4%

OKLCH

0,9183 0,072 209,1

Свойства

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

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

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

#ABF2FE

#FEB7AB

Аналогичный

#ABFEE0

#ABC8FE

#ABF2FE

Триадный

#ABF2FE

#FEABF2

#F2FEAB

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

#ABF2FE

#FEABC8

#FEE0AB

Тетрадный

#ABF2FE

#E0ABFE

#FEB7AB

#C8FEAB

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

Оригинал

#ABF2FE

Протанопия

#CACAFB

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

#C6C0FA

Тританопия

#AFF9F8

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

#E4E4E4

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

background-color: #ABF2FE;

color: #ABF2FE;

border-color: #ABF2FE;

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

Оттенки Tailwind

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

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

1,25:1

AA Fail AAA Fail

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

16,86: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 #ABF2FE?

RGB(171, 242, 254) · HSL(188,7, 97,6%, 83,3%) · CMYK(32,7%, 4,7%, 0,0%, 0,4%)

Does #ABF2FE meet WCAG contrast on white?

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

What text color is readable on #ABF2FE?

Use 000000 text on a #ABF2FE background; contrast on black is 16,86:1.