#F7CDBA

#F7CDBA

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

HEX

#F7CDBA

RGB

247, 205, 186

HSL

18,7, 79,2%, 84,9%

HSV

18,7, 24,7%, 96,9%

CMYK

0,0%, 17,0%, 24,7%, 3,1%

OKLCH

0,8795 0,0543 45,7

Свойства

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

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

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

#F7CDBA

#BAE4F7

Аналогичный

#F7BAC5

#F7ECBA

#F7CDBA

Триадный

#F7CDBA

#BAF7CD

#CDBAF7

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

#F7CDBA

#BAF7EC

#BAC5F7

Тетрадный

#F7CDBA

#C5F7BA

#BAE4F7

#ECBAF7

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

Оригинал

#F7CDBA

Протанопия

#E5E4BF

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

#E7EAC0

Тританопия

#F5C2C3

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

#D5D5D5

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

background-color: #F7CDBA;
color: #F7CDBA;
border-color: #F7CDBA;
Ближайший Tailwind-оттенок: Red 200 #FECACA

Оттенки Tailwind

50
#FCF5F2
100
#F9E9E1
200
#F8D1BF
300
#F2B091
400
#EB8556
500
#E4591B
600
#B74815
700
#923911
800
#722D0D
900
#53230E
950
#341609

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

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

1,46:1

AA Fail AAA Fail

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

14,4:1

AA Pass AAA Pass

Сравнить с

#F7CDBA
#BAE4F7
#F7CDBA
#FFFFFF
#000000
#F7CDBA

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(247, 205, 186) · HSL(18,7, 79,2%, 84,9%) · CMYK(0,0%, 17,0%, 24,7%, 3,1%)

Does #F7CDBA meet WCAG contrast on white?

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

What text color is readable on #F7CDBA?

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