#F98CCC

#F98CCC

Overview

#F98CCC is a warm, light color. In RGB it is 249, 140, 204, in HSL 324.8°, 90.1%, 76.3%, and in CMYK 0.0%, 43.8%, 18.1%, 2.4%. The nearest named color is hotpink 2.

On this page

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

HEX

#F98CCC

RGB

249, 140, 204

HSL

324,8, 90,1%, 76,3%

HSV

324,8, 43,8%, 97,6%

CMYK

0,0%, 43,8%, 18,1%, 2,4%

OKLCH

0,7759 0,1512 345,0

Свойства

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

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

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

#F98CCC

#8CF9B9

Аналогичный

#F08CF9

#F98C96

#F98CCC

Триадный

#F98CCC

#CCF98C

#8CCCF9

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

#F98CCC

#96F98C

#8CF9F0

Тетрадный

#F98CCC

#F9F08C

#8CF9B9

#8C96F9

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

Оригинал

#F98CCC

Протанопия

#CAC9BD

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

#D0D8B9

Тританопия

#F4B0AE

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

#A8A8A8

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

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

Оттенки Tailwind

50
#FDF1F8
100
#FBDFF0
200
#FBBBE1
300
#F98BCB
400
#F64CAF
500
#F20D93
600
#C20A76
700
#9B085E
800
#79064A
900
#580937
950
#370623

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

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

2,18:1

AA Fail AAA Fail

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

9,65:1

AA Pass AAA Pass

Сравнить с

#F98CCC
#8CF9B9
#F98CCC
#FFFFFF
#000000
#F98CCC

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

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

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

RGB(249, 140, 204) · HSL(324,8, 90,1%, 76,3%) · CMYK(0,0%, 43,8%, 18,1%, 2,4%)

Does #F98CCC meet WCAG contrast on white?

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

What text color is readable on #F98CCC?

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