#FBA784

#FBA784

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

HEX

#FBA784

RGB

251, 167, 132

HSL

17,6, 93,7%, 75,1%

HSV

17,6, 47,4%, 98,4%

CMYK

0,0%, 33,5%, 47,4%, 1,6%

OKLCH

0,8029 0,1107 43,4

Свойства

Тёплый Светлый Ближайший: NCS S 0540-Y70R Coral Light

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

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.

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

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

#FBA784

#84D8FB

Аналогичный

#FB849D

#FBE284

#FBA784

Триадный

#FBA784

#84FBA7

#A784FB

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

#FBA784

#84FBE2

#849DFB

Тетрадный

#FBA784

#9DFB84

#84D8FB

#E284FB

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

Оригинал

#FBA784

Протанопия

#D7D68C

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

#DCE28E

Тританопия

#F79395

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

#B6B6B6

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

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

Оттенки Tailwind

50
#FDF5F1
100
#FBE7DF
200
#FDCDBA
300
#FBAA88
400
#F97C48
500
#F74E08
600
#C63E06
700
#9E3205
800
#7B2704
900
#592008
950
#381405

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

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

1,92:1

AA Fail AAA Fail

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

10,96:1

AA Pass AAA Pass

Сравнить с

#FBA784
#84D8FB
#FBA784
#FFFFFF
#000000
#FBA784

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(251, 167, 132) · HSL(17,6, 93,7%, 75,1%) · CMYK(0,0%, 33,5%, 47,4%, 1,6%)

Does #FBA784 meet WCAG contrast on white?

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

What text color is readable on #FBA784?

Use 000000 text on a #FBA784 background; contrast on black is 10,96:1.