#F89C67

#F89C67

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

HEX

#F89C67

RGB

248, 156, 103

HSL

21,9, 91,2%, 68,8%

HSV

21,9, 58,5%, 97,3%

CMYK

0,0%, 37,1%, 58,5%, 2,7%

OKLCH

0,7756 0,1298 49,9

Свойства

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

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

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.

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

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

#F89C67

#67C3F8

Аналогичный

#F8677A

#F8E467

#F89C67

Триадный

#F89C67

#67F89C

#9C67F8

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

#F89C67

#67F8E4

#677AF8

Тетрадный

#F89C67

#7AF867

#67C3F8

#E467F8

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

Оригинал

#F89C67

Протанопия

#D0CF74

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

#D6DC77

Тританопия

#F37E80

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

#ACACAC

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

background-color: #F89C67;
color: #F89C67;
border-color: #F89C67;
Ближайший Tailwind-оттенок: Orange 300 #FDBA74

Оттенки Tailwind

50
#FDF6F1
100
#FBE9DF
200
#FCD3BB
300
#FAB38A
400
#F7894B
500
#F4600B
600
#C34D09
700
#9C3E07
800
#7A3006
900
#582609
950
#381805

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

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

2,11:1

AA Fail AAA Fail

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

9,94:1

AA Pass AAA Pass

Сравнить с

#F89C67
#67C3F8
#F89C67
#FFFFFF
#000000
#F89C67

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(248, 156, 103) · HSL(21,9, 91,2%, 68,8%) · CMYK(0,0%, 37,1%, 58,5%, 2,7%)

Does #F89C67 meet WCAG contrast on white?

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

What text color is readable on #F89C67?

Use 000000 text on a #F89C67 background; contrast on black is 9,94:1.