#DEF6F5

#DEF6F5

Overview

#DEF6F5 is a cool, light color. In RGB it is 222, 246, 245, in HSL 177.5°, 57.1%, 91.8%, and in CMYK 9.8%, 0.0%, 0.4%, 3.5%. The nearest named color is lightcyan.

On this page

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

HEX

#DEF6F5

RGB

222, 246, 245

HSL

177,5, 57,1%, 91,8%

HSV

177,5, 9,8%, 96,5%

CMYK

9,8%, 0,0%, 0,4%, 3,5%

OKLCH

0,9554 0,0251 193,7

Свойства

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

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

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.

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

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

#DEF6F5

#F6DEDF

Аналогичный

#DEF6E9

#DEEBF6

#DEF6F5

Триадный

#DEF6F5

#F5DEF6

#F6F5DE

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

#DEF6F5

#F6DEEB

#F6E9DE

Тетрадный

#DEF6F5

#E9DEF6

#F6DEDF

#EBF6DE

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

Оригинал

#DEF6F5

Протанопия

#E8E9F5

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

#E7E5F5

Тританопия

#DFF5F5

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

#F1F1F1

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

background-color: #DEF6F5;
color: #DEF6F5;
border-color: #DEF6F5;
Ближайший Tailwind-оттенок: Cyan 50 #ECFEFF

Оттенки Tailwind

50
#F4FBFB
100
#E4F6F5
200
#C7F0EE
300
#9FE5E2
400
#6BD7D2
500
#37C8C2
600
#2CA09B
700
#23807C
800
#1B6461
900
#184947
950
#0F2E2D

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

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

1,13:1

AA Fail AAA Fail

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

18,61:1

AA Pass AAA Pass

Сравнить с

#DEF6F5
#F6DEDF
#DEF6F5
#FFFFFF
#000000
#DEF6F5

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

Руководства по инструментам

WCAG AA vs AAA: Contrast Requirements Compared

Авг 20, 2026
Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026

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

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

RGB(222, 246, 245) · HSL(177,5, 57,1%, 91,8%) · CMYK(9,8%, 0,0%, 0,4%, 3,5%)

Does #DEF6F5 meet WCAG contrast on white?

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

What text color is readable on #DEF6F5?

Use 000000 text on a #DEF6F5 background; contrast on black is 18,61:1.