#F0D2CB

#F0D2CB

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

HEX

#F0D2CB

RGB

240, 210, 203

HSL

11,4, 55,2%, 86,9%

HSV

11,4, 15,4%, 94,1%

CMYK

0,0%, 12,5%, 15,4%, 5,9%

OKLCH

0,8869 0,0351 33,3

Свойства

Тёплый Светлый Ближайший: mistyrose 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.

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

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

#F0D2CB

#CBE9F0

Аналогичный

#F0CBD7

#F0E5CB

#F0D2CB

Триадный

#F0D2CB

#CBF0D2

#D2CBF0

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

#F0D2CB

#CBF0E5

#CBD7F0

Тетрадный

#F0D2CB

#D7F0CB

#CBE9F0

#E5CBF0

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

Оригинал

#F0D2CB

Протанопия

#E3E3CD

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

#E5E7CD

Тританопия

#EECECE

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

#D8D8D8

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

background-color: #F0D2CB;
color: #F0D2CB;
border-color: #F0D2CB;
Ближайший Tailwind-оттенок: Red 100 #FEE2E2

Оттенки Tailwind

50
#FBF5F4
100
#F6E8E5
200
#EFCFC8
300
#E4ADA0
400
#D5806D
500
#C65439
600
#9E432E
700
#7F3625
800
#632A1D
900
#492218
950
#2E150F

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

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

1,42:1

AA Fail AAA Fail

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

14,79:1

AA Pass AAA Pass

Сравнить с

#F0D2CB
#CBE9F0
#F0D2CB
#FFFFFF
#000000
#F0D2CB

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(240, 210, 203) · HSL(11,4, 55,2%, 86,9%) · CMYK(0,0%, 12,5%, 15,4%, 5,9%)

Does #F0D2CB meet WCAG contrast on white?

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

What text color is readable on #F0D2CB?

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