#F3ABDA

#F3ABDA

Overview

#F3ABDA is a warm, light color. In RGB it is 243, 171, 218, in HSL 320.8°, 75.0%, 81.2%, and in CMYK 0.0%, 29.6%, 10.3%, 4.7%. The nearest named color is Orchid.

On this page

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

HEX

#F3ABDA

RGB

243, 171, 218

HSL

320,8, 75,0%, 81,2%

HSV

320,8, 29,6%, 95,3%

CMYK

0,0%, 29,6%, 10,3%, 4,7%

OKLCH

0,8236 0,103 340,3

Свойства

Тёплый Светлый Ближайший: 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.

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

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

#F3ABDA

#ABF3C4

Аналогичный

#E8ABF3

#F3ABB6

#F3ABDA

Триадный

#F3ABDA

#DAF3AB

#ABDAF3

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

#F3ABDA

#B6F3AB

#ABF3E8

Тетрадный

#F3ABDA

#F3E8AB

#ABF3C4

#ABB6F3

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

Оригинал

#F3ABDA

Протанопия

#D4D3CF

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

#D8DDCC

Тританопия

#EFC6C4

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

#BEBEBE

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

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

Оттенки Tailwind

50
#FCF2F9
100
#F9E2F1
200
#F6C1E4
300
#F094D0
400
#E75AB6
500
#DF209D
600
#B3197D
700
#8F1464
800
#70104E
900
#51103A
950
#330A25

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

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

1,8:1

AA Fail AAA Fail

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

11,65:1

AA Pass AAA Pass

Сравнить с

#F3ABDA
#ABF3C4
#F3ABDA
#FFFFFF
#000000
#F3ABDA

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

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

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

RGB(243, 171, 218) · HSL(320,8, 75,0%, 81,2%) · CMYK(0,0%, 29,6%, 10,3%, 4,7%)

Does #F3ABDA meet WCAG contrast on white?

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

What text color is readable on #F3ABDA?

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