#F48CCC

#F48CCC

Overview

#F48CCC is a warm, light color. In RGB it is 244, 140, 204, in HSL 323.1°, 82.5%, 75.3%, and in CMYK 0.0%, 42.6%, 16.4%, 4.3%. The nearest named color is hotpink 2.

On this page

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

HEX

#F48CCC

RGB

244, 140, 204

HSL

323,1, 82,5%, 75,3%

HSV

323,1, 42,6%, 95,7%

CMYK

0,0%, 42,6%, 16,4%, 4,3%

OKLCH

0,7699 0,1468 343,4

Свойства

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

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

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.

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

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

#F48CCC

#8CF4B4

Аналогичный

#E88CF4

#F48C98

#F48CCC

Триадный

#F48CCC

#CCF48C

#8CCCF4

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

#F48CCC

#98F48C

#8CF4E8

Тетрадный

#F48CCC

#F4E88C

#8CF4B4

#8C98F4

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

Оригинал

#F48CCC

Протанопия

#C7C6BD

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

#CDD5B9

Тританопия

#EFB0AE

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

#A7A7A7

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

background-color: #F48CCC;
color: #F48CCC;
border-color: #F48CCC;
Ближайший Tailwind-оттенок: Pink 400 #F472B6

Оттенки Tailwind

50
#FDF2F9
100
#FAE1F0
200
#F9BEE2
300
#F48FCD
400
#EE53B3
500
#E91698
600
#BA1279
700
#950E61
800
#740B4C
900
#540C39
950
#350824

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

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

2,22:1

AA Fail AAA Fail

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

9,47:1

AA Pass AAA Pass

Сравнить с

#F48CCC
#8CF4B4
#F48CCC
#FFFFFF
#000000
#F48CCC

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

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

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

RGB(244, 140, 204) · HSL(323,1, 82,5%, 75,3%) · CMYK(0,0%, 42,6%, 16,4%, 4,3%)

Does #F48CCC meet WCAG contrast on white?

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

What text color is readable on #F48CCC?

Use 000000 text on a #F48CCC background; contrast on black is 9,47:1.