#F9DFBB

#F9DFBB

Overview

#F9DFBB is a warm, light color. In RGB it is 249, 223, 187, in HSL 34.8°, 83.8%, 85.5%, and in CMYK 0.0%, 10.4%, 24.9%, 2.4%. The nearest named color is bisque.

On this page

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

HEX

#F9DFBB

RGB

249, 223, 187

HSL

34,8, 83,8%, 85,5%

HSV

34,8, 24,9%, 97,6%

CMYK

0,0%, 10,4%, 24,9%, 2,4%

OKLCH

0,916 0,0552 75,9

Свойства

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

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

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.

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

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

#F9DFBB

#BBD5F9

Аналогичный

#F9C0BB

#F4F9BB

#F9DFBB

Триадный

#F9DFBB

#BBF9DF

#DFBBF9

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

#F9DFBB

#BBF4F9

#C0BBF9

Тетрадный

#F9DFBB

#BBF9C0

#BBD5F9

#F9BBF4

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

Оригинал

#F9DFBB

Протанопия

#EEEEC4

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

#EFF1C6

Тританопия

#F8CBCC

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

#E2E2E2

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

background-color: #F9DFBB;
color: #F9DFBB;
border-color: #F9DFBB;
Ближайший Tailwind-оттенок: Orange 200 #FED7AA

Оттенки Tailwind

50
#FDF8F2
100
#FAEFE0
200
#F9E0BD
300
#F5CA8F
400
#F0AD52
500
#EA9115
600
#BB7411
700
#965D0D
800
#75480A
900
#55360C
950
#362208

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

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

1,29:1

AA Fail AAA Fail

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

16,3:1

AA Pass AAA Pass

Сравнить с

#F9DFBB
#BBD5F9
#F9DFBB
#FFFFFF
#000000
#F9DFBB

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(249, 223, 187) · HSL(34,8, 83,8%, 85,5%) · CMYK(0,0%, 10,4%, 24,9%, 2,4%)

Does #F9DFBB meet WCAG contrast on white?

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

What text color is readable on #F9DFBB?

Use 000000 text on a #F9DFBB background; contrast on black is 16,3:1.