#F7ECF2

#F7ECF2

Overview

#F7ECF2 is a warm, light color. In RGB it is 247, 236, 242, in HSL 327.3°, 40.7%, 94.7%, and in CMYK 0.0%, 4.5%, 2.0%, 3.1%. The nearest named color is lavenderblush.

On this page

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

HEX

#F7ECF2

RGB

247, 236, 242

HSL

327,3, 40,7%, 94,7%

HSV

327,3, 4,5%, 96,9%

CMYK

0,0%, 4,5%, 2,0%, 3,1%

OKLCH

0,9534 0,0142 343,2

Свойства

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

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

Light magentas and fuchsia tints radiate playful energy, self-expression, and modern individuality. They feel bold yet approachable, associated with creativity and nonconformity. These hues challenge convention and signal a willingness to stand out.

Design Usage

Light magentas are effective for fashion, entertainment, and youth-oriented brands. They add vibrant personality as accent colors in otherwise neutral palettes. Use for notification badges, featured tags, and interactive hover states.

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

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

#F7ECF2

#ECF7F1

Аналогичный

#F6ECF7

#F7ECEC

#F7ECF2

Триадный

#F7ECF2

#F2F7EC

#ECF2F7

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

#F7ECF2

#ECF7EC

#ECF7F6

Тетрадный

#F7ECF2

#F7F6EC

#ECF7F1

#ECECF7

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

Оригинал

#F7ECF2

Протанопия

#F2F2F1

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

#F3F4F0

Тританопия

#F6EFEF

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

#EFEFEF

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

background-color: #F7ECF2;
color: #F7ECF2;
border-color: #F7ECF2;
Ближайший Tailwind-оттенок: Pink 50 #FDF2F8

Оттенки Tailwind

50
#FAF5F8
100
#F3E7EE
200
#EACDDD
300
#DBA9C4
400
#C77AA4
500
#B34C84
600
#903C6A
700
#733055
800
#5A2642
900
#421F32
950
#2A1320

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

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

1,15:1

AA Fail AAA Fail

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

18,24:1

AA Pass AAA Pass

Сравнить с

#F7ECF2
#ECF7F1
#F7ECF2
#FFFFFF
#000000
#F7ECF2

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(247, 236, 242) · HSL(327,3, 40,7%, 94,7%) · CMYK(0,0%, 4,5%, 2,0%, 3,1%)

Does #F7ECF2 meet WCAG contrast on white?

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

What text color is readable on #F7ECF2?

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