#C4DFD3

#C4DFD3

Overview

#C4DFD3 is a cool, light color. In RGB it is 196, 223, 211, in HSL 153.3°, 29.7%, 82.2%, and in CMYK 12.1%, 0.0%, 5.4%, 12.5%. The nearest named color is honeydew 3.

On this page

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

HEX

#C4DFD3

RGB

196, 223, 211

HSL

153,3, 29,7%, 82,2%

HSV

153,3, 12,1%, 87,5%

CMYK

12,1%, 0,0%, 5,4%, 12,5%

OKLCH

0,8804 0,033 167,0

Свойства

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

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

Light greens evoke tranquility, health, and natural balance. They are the most restful colors for the human eye, requiring no focal adjustment, which is why hospitals and spas favor them. Pastel greens reduce anxiety and symbolize safety and permission across cultures.

Design Usage

Soft greens are the standard for success messages, positive status indicators, and health-related interfaces. They create calming background tones for dashboards and data-heavy applications. Combine them with white and medium gray for a clinical, trustworthy appearance in medical or fintech apps.

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

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

#C4DFD3

#DFC4D0

Аналогичный

#C4DFC6

#C4DEDF

#C4DFD3

Триадный

#C4DFD3

#D3C4DF

#DFD3C4

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

#C4DFD3

#DFC4DE

#DFC6C4

Тетрадный

#C4DFD3

#C6C4DF

#DFC4D0

#DEDFC4

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

Оригинал

#C4DFD3

Протанопия

#D0D0D6

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

#CECCD7

Тританопия

#C5D8D9

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

#D8D8D8

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

background-color: #C4DFD3;
color: #C4DFD3;
border-color: #C4DFD3;
Ближайший Tailwind-оттенок: Emerald 100 #D1FAE5

Оттенки Tailwind

50
#F5F9F8
100
#E9F2EE
200
#D1E6DC
300
#B0D4C4
400
#85BDA4
500
#5AA584
600
#488469
700
#396A54
800
#2D5342
900
#233D32
950
#16271F

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

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

1,41:1

AA Fail AAA Fail

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

14,84:1

AA Pass AAA Pass

Сравнить с

#C4DFD3
#DFC4D0
#C4DFD3
#FFFFFF
#000000
#C4DFD3

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(196, 223, 211) · HSL(153,3, 29,7%, 82,2%) · CMYK(12,1%, 0,0%, 5,4%, 12,5%)

Does #C4DFD3 meet WCAG contrast on white?

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

What text color is readable on #C4DFD3?

Use 000000 text on a #C4DFD3 background; contrast on black is 14,84:1.