#F2BC90

#F2BC90

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

HEX

#F2BC90

RGB

242, 188, 144

HSL

26,9, 79,0%, 75,7%

HSV

26,9, 40,5%, 94,9%

CMYK

0,0%, 22,3%, 40,5%, 5,1%

OKLCH

0,8336 0,0852 60,4

Свойства

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

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

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

#F2BC90

#90C6F2

Аналогичный

#F29095

#F2ED90

#F2BC90

Триадный

#F2BC90

#90F2BC

#BC90F2

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

#F2BC90

#90F2ED

#9095F2

Тетрадный

#F2BC90

#95F290

#90C6F2

#ED90F2

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

Оригинал

#F2BC90

Протанопия

#DBDA9B

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

#DEE29D

Тританопия

#EFA3A5

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

#C4C4C4

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

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

Оттенки Tailwind

50
#FCF7F2
100
#F9ECE1
200
#F8D8BF
300
#F2BD91
400
#EB9956
500
#E4751B
600
#B75E15
700
#924B11
800
#723B0D
900
#532D0E
950
#341C09

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

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

1,7:1

AA Fail AAA Fail

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

12,37:1

AA Pass AAA Pass

Сравнить с

#F2BC90
#90C6F2
#F2BC90
#FFFFFF
#000000
#F2BC90

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(242, 188, 144) · HSL(26,9, 79,0%, 75,7%) · CMYK(0,0%, 22,3%, 40,5%, 5,1%)

Does #F2BC90 meet WCAG contrast on white?

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

What text color is readable on #F2BC90?

Use 000000 text on a #F2BC90 background; contrast on black is 12,37:1.