#F0B2FD

#F0B2FD

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

HEX

#F0B2FD

RGB

240, 178, 253

HSL

289,6, 94,9%, 84,5%

HSV

289,6, 29,6%, 99,2%

CMYK

5,1%, 29,6%, 0,0%, 0,8%

OKLCH

0,8452 0,1212 320,5

Свойства

Холодный Светлый Ближайший: plum 1

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

Light purples and lavenders evoke romance, nostalgia, and gentle luxury. They are calming and slightly whimsical, often associated with springtime flowers and delicate fragrance. Lavender tones stimulate creativity and imagination while maintaining a sense of refinement.

Design Usage

Soft purple is popular in beauty brands, creative platforms, and children's educational apps. It creates distinctive card backgrounds and feature highlights that feel premium without being heavy. Pair it with sage green or warm gold for a sophisticated, trend-forward color combination.

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

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

#F0B2FD

#BFFDB2

Аналогичный

#CAB2FD

#FDB2E4

#F0B2FD

Триадный

#F0B2FD

#FDF0B2

#B2FDF0

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

#F0B2FD

#E4FDB2

#B2FDCA

Тетрадный

#F0B2FD

#FDCAB2

#BFFDB2

#B2E4FD

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

Оригинал

#F0B2FD

Протанопия

#D5D5EB

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

#D9DDE6

Тританопия

#EDDDD9

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

#C5C5C5

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

background-color: #F0B2FD;
color: #F0B2FD;
border-color: #F0B2FD;
Ближайший Tailwind-оттенок: Fuchsia 300 #F0ABFC

Оттенки Tailwind

50
#FBF1FE
100
#F7DFFC
200
#F1B9FD
300
#E888FC
400
#DB47FA
500
#CF07F8
600
#A505C7
700
#84049F
800
#67037C
900
#4B075A
950
#300439

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

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

1,68:1

AA Fail AAA Fail

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

12,49:1

AA Pass AAA Pass

Сравнить с

#F0B2FD
#BFFDB2
#F0B2FD
#FFFFFF
#000000
#F0B2FD

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(240, 178, 253) · HSL(289,6, 94,9%, 84,5%) · CMYK(5,1%, 29,6%, 0,0%, 0,8%)

Does #F0B2FD meet WCAG contrast on white?

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

What text color is readable on #F0B2FD?

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