#F3DFE4

#F3DFE4

Overview

#F3DFE4 is a warm, light color. In RGB it is 243, 223, 228, in HSL 345.0°, 45.5%, 91.4%, and in CMYK 0.0%, 8.2%, 6.2%, 4.7%. The nearest named color is lavenderblush 2.

On this page

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

HEX

#F3DFE4

RGB

243, 223, 228

HSL

345,0, 45,5%, 91,4%

HSV

345,0, 8,2%, 95,3%

CMYK

0,0%, 8,2%, 6,2%, 4,7%

OKLCH

0,9212 0,0229 0,6

Свойства

Тёплый Светлый Ближайший: lavenderblush 2

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

Light pinks represent unconditional love, compassion, and nurturing energy. Known as the most calming color, Baker-Miller pink was famously used in prison cells to reduce aggression. Soft pink tones lower muscle tension and anxiety, creating an atmosphere of gentle reassurance.

Design Usage

Soft pink is widely used in beauty, wellness, and direct-to-consumer brands targeting younger demographics. It creates inviting landing pages and product cards that feel approachable and modern. Combine it with deep charcoal text and white space for a minimal, contemporary aesthetic.

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

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

#F3DFE4

#DFF3EE

Аналогичный

#F3DFEE

#F3E4DF

#F3DFE4

Триадный

#F3DFE4

#E4F3DF

#DFE4F3

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

#F3DFE4

#DFF3E4

#DFEEF3

Тетрадный

#F3DFE4

#EEF3DF

#DFF3EE

#E4DFF3

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

Оригинал

#F3DFE4

Протанопия

#EAEAE3

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

#ECEDE2

Тританопия

#F2E2E2

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

#E4E4E4

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

background-color: #F3DFE4;
color: #F3DFE4;
border-color: #F3DFE4;
Ближайший Tailwind-оттенок: Rose 100 #FFE4E6

Оттенки Tailwind

50
#FAF4F6
100
#F4E6EA
200
#ECCBD3
300
#DEA6B4
400
#CC768B
500
#BA4562
600
#94384F
700
#772C3F
800
#5D2331
900
#441D27
950
#2B1218

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

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

1,27:1

AA Fail AAA Fail

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

16,49:1

AA Pass AAA Pass

Сравнить с

#F3DFE4
#DFF3EE
#F3DFE4
#FFFFFF
#000000
#F3DFE4

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

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

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 #F3DFE4?

RGB(243, 223, 228) · HSL(345,0, 45,5%, 91,4%) · CMYK(0,0%, 8,2%, 6,2%, 4,7%)

Does #F3DFE4 meet WCAG contrast on white?

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

What text color is readable on #F3DFE4?

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