#CCF2FB

#CCF2FB

Overview

#CCF2FB is a cool, light color. In RGB it is 204, 242, 251, in HSL 191.5°, 85.5%, 89.2%, and in CMYK 18.7%, 3.6%, 0.0%, 1.6%. The nearest named color is lightblue 1.

On this page

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

HEX

#CCF2FB

RGB

204, 242, 251

HSL

191,5, 85,5%, 89,2%

HSV

191,5, 18,7%, 98,4%

CMYK

18,7%, 3,6%, 0,0%, 1,6%

OKLCH

0,937 0,0412 213,7

Свойства

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

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

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

#CCF2FB

#FBD5CC

Аналогичный

#CCFBEC

#CCDAFB

#CCF2FB

Триадный

#CCF2FB

#FBCCF2

#F2FBCC

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

#CCF2FB

#FBCCDA

#FBECCC

Тетрадный

#CCF2FB

#ECCCFB

#FBD5CC

#DAFBCC

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

Оригинал

#CCF2FB

Протанопия

#DCDDF9

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

#DAD7F8

Тританопия

#CEF7F7

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

#EBEBEB

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

background-color: #CCF2FB;

color: #CCF2FB;

border-color: #CCF2FB;

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

Оттенки Tailwind

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

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

1,19:1

AA Fail AAA Fail

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

17,66: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 #CCF2FB?

RGB(204, 242, 251) · HSL(191,5, 85,5%, 89,2%) · CMYK(18,7%, 3,6%, 0,0%, 1,6%)

Does #CCF2FB meet WCAG contrast on white?

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

What text color is readable on #CCF2FB?

Use 000000 text on a #CCF2FB background; contrast on black is 17,66:1.