#F0B7DF

#F0B7DF

Overview

#F0B7DF is a warm, light color. In RGB it is 240, 183, 223, in HSL 317.9°, 65.5%, 82.9%, and in CMYK 0.0%, 23.8%, 7.1%, 5.9%. The nearest named color is Orchid.

On this page

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

HEX

#F0B7DF

RGB

240, 183, 223

HSL

317,9, 65,5%, 82,9%

HSV

317,9, 23,8%, 94,1%

CMYK

0,0%, 23,8%, 7,1%, 5,9%

OKLCH

0,843 0,0835 337,6

Свойства

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

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

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

#F0B7DF

#B7F0C8

Аналогичный

#E4B7F0

#F0B7C2

#F0B7DF

Триадный

#F0B7DF

#DFF0B7

#B7DFF0

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

#F0B7DF

#C2F0B7

#B7F0E4

Тетрадный

#F0B7DF

#F0E4B7

#B7F0C8

#B7C2F0

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

Оригинал

#F0B7DF

Протанопия

#D7D7D5

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

#DBDFD3

Тританопия

#EDCECC

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

#C6C6C6

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

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

Оттенки Tailwind

50
#FCF3F9
100
#F7E3F1
200
#F3C4E5
300
#EA9AD2
400
#DE63BA
500
#D32CA1
600
#A92381
700
#871C67
800
#6A1651
900
#4D143C
950
#310D26

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

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

1,67:1

AA Fail AAA Fail

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

12,54:1

AA Pass AAA Pass

Сравнить с

#F0B7DF
#B7F0C8
#F0B7DF
#FFFFFF
#000000
#F0B7DF

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(240, 183, 223) · HSL(317,9, 65,5%, 82,9%) · CMYK(0,0%, 23,8%, 7,1%, 5,9%)

Does #F0B7DF meet WCAG contrast on white?

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

What text color is readable on #F0B7DF?

Use 000000 text on a #F0B7DF background; contrast on black is 12,54:1.