#F3DBBD

#F3DBBD

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

HEX

#F3DBBD

RGB

243, 219, 189

HSL

33,3, 69,2%, 84,7%

HSV

33,3, 22,2%, 95,3%

CMYK

0,0%, 9,9%, 22,2%, 4,7%

OKLCH

0,9035 0,0478 73,3

Свойства

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

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

Light oranges like peach and apricot radiate friendliness, comfort, and gentle optimism. They are psychologically soothing and feel approachable without being overly stimulating. These tones often appear in hospitality and food branding to suggest warmth and welcome.

Design Usage

Soft oranges make excellent card backgrounds and notification banners that need attention without alarm. They are popular in onboarding flows and empty-state illustrations to create a welcoming atmosphere. Pair them with slate gray text and white surfaces for a clean, modern look.

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

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

#F3DBBD

#BDD5F3

Аналогичный

#F3C0BD

#F0F3BD

#F3DBBD

Триадный

#F3DBBD

#BDF3DB

#DBBDF3

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

#F3DBBD

#BDF0F3

#C0BDF3

Тетрадный

#F3DBBD

#BDF3C0

#BDD5F3

#F3BDF0

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

Оригинал

#F3DBBD

Протанопия

#E9E8C4

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

#EAECC6

Тританопия

#F2CACB

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

#DEDEDE

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

background-color: #F3DBBD;
color: #F3DBBD;
border-color: #F3DBBD;
Ближайший Tailwind-оттенок: Orange 100 #FFEDD5

Оттенки Tailwind

50
#FCF8F3
100
#F8EEE3
200
#F4DEC3
300
#ECC697
400
#E2A85F
500
#D88927
600
#AD6E1F
700
#8A5819
800
#6C4514
900
#4F3412
950
#32210C

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

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

1,34:1

AA Fail AAA Fail

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

15,68:1

AA Pass AAA Pass

Сравнить с

#F3DBBD
#BDD5F3
#F3DBBD
#FFFFFF
#000000
#F3DBBD

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(243, 219, 189) · HSL(33,3, 69,2%, 84,7%) · CMYK(0,0%, 9,9%, 22,2%, 4,7%)

Does #F3DBBD meet WCAG contrast on white?

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

What text color is readable on #F3DBBD?

Use 000000 text on a #F3DBBD background; contrast on black is 15,68:1.