#F4AADE

#F4AADE

Overview

#F4AADE is a warm, light color. In RGB it is 244, 170, 222, in HSL 317.8°, 77.1%, 81.2%, and in CMYK 0.0%, 30.3%, 9.0%, 4.3%. The nearest named color is Orchid.

On this page

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

HEX

#F4AADE

RGB

244, 170, 222

HSL

317,8, 77,1%, 81,2%

HSV

317,8, 30,3%, 95,7%

CMYK

0,0%, 30,3%, 9,0%, 4,3%

OKLCH

0,8243 0,1087 338,1

Свойства

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

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

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.

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

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

#F4AADE

#AAF4C0

Аналогичный

#E5AAF4

#F4AAB9

#F4AADE

Триадный

#F4AADE

#DEF4AA

#AADEF4

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

#F4AADE

#B9F4AA

#AAF4E5

Тетрадный

#F4AADE

#F4E5AA

#AAF4C0

#AAB9F4

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

Оригинал

#F4AADE

Протанопия

#D4D3D1

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

#D8DECE

Тританопия

#F0C7C5

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

#BDBDBD

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

background-color: #F4AADE;
color: #F4AADE;
border-color: #F4AADE;
Ближайший Tailwind-оттенок: Pink 300 #F9A8D4

Оттенки Tailwind

50
#FCF2F9
100
#F9E1F2
200
#F7C0E6
300
#F193D5
400
#E958BE
500
#E21DA7
600
#B51786
700
#91136B
800
#710F54
900
#520F3E
950
#340927

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

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

1,8:1

AA Fail AAA Fail

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

11,65:1

AA Pass AAA Pass

Сравнить с

#F4AADE
#AAF4C0
#F4AADE
#FFFFFF
#000000
#F4AADE

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

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

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

RGB(244, 170, 222) · HSL(317,8, 77,1%, 81,2%) · CMYK(0,0%, 30,3%, 9,0%, 4,3%)

Does #F4AADE meet WCAG contrast on white?

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

What text color is readable on #F4AADE?

Use 000000 text on a #F4AADE background; contrast on black is 11,65:1.