#F4CFBA

#F4CFBA

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

HEX

#F4CFBA

RGB

244, 207, 186

HSL

21,7, 72,5%, 84,3%

HSV

21,7, 23,8%, 95,7%

CMYK

0,0%, 15,2%, 23,8%, 4,3%

OKLCH

0,8805 0,0506 51,3

Свойства

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

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

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.

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

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

#F4CFBA

#BADFF4

Аналогичный

#F4BAC2

#F4ECBA

#F4CFBA

Триадный

#F4CFBA

#BAF4CF

#CFBAF4

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

#F4CFBA

#BAF4EC

#BAC2F4

Тетрадный

#F4CFBA

#C2F4BA

#BADFF4

#ECBAF4

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

Оригинал

#F4CFBA

Протанопия

#E4E4BF

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

#E6E9C0

Тританопия

#F2C3C4

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

#D5D5D5

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

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

Оттенки Tailwind

50
#FCF6F3
100
#F8EAE2
200
#F5D4C1
300
#EEB695
400
#E58E5C
500
#DC6623
600
#B0521C
700
#8D4116
800
#6E3312
900
#502811
950
#33190B

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

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

1,45:1

AA Fail AAA Fail

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

14,48:1

AA Pass AAA Pass

Сравнить с

#F4CFBA
#BADFF4
#F4CFBA
#FFFFFF
#000000
#F4CFBA

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(244, 207, 186) · HSL(21,7, 72,5%, 84,3%) · CMYK(0,0%, 15,2%, 23,8%, 4,3%)

Does #F4CFBA meet WCAG contrast on white?

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

What text color is readable on #F4CFBA?

Use 000000 text on a #F4CFBA background; contrast on black is 14,48:1.