#F3BCFE

#F3BCFE

Overview

#F3BCFE is a cool, light color. In RGB it is 243, 188, 254, in HSL 290.0°, 97.1%, 86.7%, and in CMYK 4.3%, 26.0%, 0.0%, 0.4%. The nearest named color is plum 1.

On this page

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

HEX

#F3BCFE

RGB

243, 188, 254

HSL

290,0, 97,1%, 86,7%

HSV

290,0, 26,0%, 99,6%

CMYK

4,3%, 26,0%, 0,0%, 0,4%

OKLCH

0,8656 0,1067 320,7

Свойства

Холодный Светлый Ближайший: 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.

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

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

#F3BCFE

#C7FEBC

Аналогичный

#D2BCFE

#FEBCE8

#F3BCFE

Триадный

#F3BCFE

#FEF3BC

#BCFEF3

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

#F3BCFE

#E8FEBC

#BCFED2

Тетрадный

#F3BCFE

#FED2BC

#C7FEBC

#BCE8FE

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

Оригинал

#F3BCFE

Протанопия

#DBDBEE

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

#DEE2EA

Тританопия

#F0E1DF

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

#CCCCCC

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

background-color: #F3BCFE;
color: #F3BCFE;
border-color: #F3BCFE;
Ближайший Tailwind-оттенок: Purple 300 #D8B4FE

Оттенки Tailwind

50
#FCF1FE
100
#F7DEFC
200
#F2B9FE
300
#E986FD
400
#DE45FC
500
#D204FB
600
#A803C9
700
#8602A1
800
#69027E
900
#4D065B
950
#300439

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

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

1,56:1

AA Fail AAA Fail

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

13,44:1

AA Pass AAA Pass

Сравнить с

#F3BCFE
#C7FEBC
#F3BCFE
#FFFFFF
#000000
#F3BCFE

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

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

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

RGB(243, 188, 254) · HSL(290,0, 97,1%, 86,7%) · CMYK(4,3%, 26,0%, 0,0%, 0,4%)

Does #F3BCFE meet WCAG contrast on white?

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

What text color is readable on #F3BCFE?

Use 000000 text on a #F3BCFE background; contrast on black is 13,44:1.