#F4BDDC

#F4BDDC

Overview

#F4BDDC is a warm, light color. In RGB it is 244, 189, 220, in HSL 326.2°, 71.4%, 84.9%, and in CMYK 0.0%, 22.5%, 9.8%, 4.3%. The nearest named color is Cotton Candy.

On this page

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

HEX

#F4BDDC

RGB

244, 189, 220

HSL

326,2, 71,4%, 84,9%

HSV

326,2, 22,5%, 95,7%

CMYK

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

OKLCH

0,8566 0,0744 343,9

Свойства

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

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

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.

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

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

#F4BDDC

#BDF4D5

Аналогичный

#F1BDF4

#F4BDC0

#F4BDDC

Триадный

#F4BDDC

#DCF4BD

#BDDCF4

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

#F4BDDC

#C0F4BD

#BDF4F1

Тетрадный

#F4BDDC

#F4F1BD

#BDF4D5

#BDC0F4

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

Оригинал

#F4BDDC

Протанопия

#DCDCD5

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

#DFE3D3

Тританопия

#F1CFCD

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

#CBCBCB

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

background-color: #F4BDDC;
color: #F4BDDC;
border-color: #F4BDDC;
Ближайший Tailwind-оттенок: Pink 200 #FBCFE8

Оттенки Tailwind

50
#FCF3F8
100
#F8E2EF
200
#F5C2DF
300
#ED96C7
400
#E45DA9
500
#DB248B
600
#AF1D6F
700
#8C1759
800
#6D1246
900
#501134
950
#320B21

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

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

1,6:1

AA Fail AAA Fail

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

13,16:1

AA Pass AAA Pass

Сравнить с

#F4BDDC
#BDF4D5
#F4BDDC
#FFFFFF
#000000
#F4BDDC

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

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

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

RGB(244, 189, 220) · HSL(326,2, 71,4%, 84,9%) · CMYK(0,0%, 22,5%, 9,8%, 4,3%)

Does #F4BDDC meet WCAG contrast on white?

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

What text color is readable on #F4BDDC?

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