#F889D2

#F889D2

Overview

#F889D2 is a warm, light color. In RGB it is 248, 137, 210, in HSL 320.5°, 88.8%, 75.5%, and in CMYK 0.0%, 44.8%, 15.3%, 2.7%. The nearest named color is hotpink 1.

On this page

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

HEX

#F889D2

RGB

248, 137, 210

HSL

320,5, 88,8%, 75,5%

HSV

320,5, 44,8%, 97,3%

CMYK

0,0%, 44,8%, 15,3%, 2,7%

OKLCH

0,7724 0,1593 341,6

Свойства

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

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

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.

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

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

#F889D2

#89F8AF

Аналогичный

#E689F8

#F8899B

#F889D2

Триадный

#F889D2

#D2F889

#89D2F8

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

#F889D2

#9BF889

#89F8E6

Тетрадный

#F889D2

#F8E689

#89F8AF

#899BF8

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

Оригинал

#F889D2

Протанопия

#C8C7C0

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

#CED7BC

Тританопия

#F2B2AF

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

#A6A6A6

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

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

Оттенки Tailwind

50
#FDF2F9
100
#FBE0F1
200
#FBBCE5
300
#F88BD3
400
#F44DBB
500
#F10EA3
600
#C10B83
700
#9A0969
800
#780752
900
#570A3D
950
#370626

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

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

2,21:1

AA Fail AAA Fail

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

9,5:1

AA Pass AAA Pass

Сравнить с

#F889D2
#89F8AF
#F889D2
#FFFFFF
#000000
#F889D2

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

Уроки

CSS color-mix(): нативное смешивание цветов в браузере

Янв 26, 2026
Уроки

Создание веб-компонента выбора цвета с нуля

Янв 21, 2026
Уроки

Перцептивные Цветовые Пространства: Lab, LCH, Oklab, OKLCH

Янв 15, 2026

Часто задаваемые вопросы

What are the RGB, HSL, and CMYK values of #F889D2?

RGB(248, 137, 210) · HSL(320,5, 88,8%, 75,5%) · CMYK(0,0%, 44,8%, 15,3%, 2,7%)

Does #F889D2 meet WCAG contrast on white?

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

What text color is readable on #F889D2?

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