#FAC45C

#FAC45C

Overview

#FAC45C is a warm, light color. In RGB it is 250, 196, 92, in HSL 39.5°, 94.0%, 67.1%, and in CMYK 0.0%, 21.6%, 63.2%, 2.0%. The nearest named color is NCS S 1050-Y20R Golden.

On this page

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

HEX

#FAC45C

RGB

250, 196, 92

HSL

39,5, 94,0%, 67,1%

HSV

39,5, 63,2%, 98,0%

CMYK

0,0%, 21,6%, 63,2%, 2,0%

OKLCH

0,8493 0,1352 81,5

Свойства

Тёплый Светлый Ближайший: NCS S 1050-Y20R Golden

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

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.

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

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

#FAC45C

#5C92FA

Аналогичный

#FA755C

#E1FA5C

#FAC45C

Триадный

#FAC45C

#5CFAC4

#C45CFA

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

#FAC45C

#5CE1FA

#755CFA

Тетрадный

#FAC45C

#5CFA75

#5C92FA

#FA5CE1

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

Оригинал

#FAC45C

Протанопия

#E3E275

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

#E6EA7B

Тританопия

#F7898D

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

#C8C8C8

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

background-color: #FAC45C;
color: #FAC45C;
border-color: #FAC45C;
Ближайший Tailwind-оттенок: Amber 300 #FCD34D

Оттенки Tailwind

50
#FDF9F1
100
#FBF2DF
200
#FDE6BA
300
#FBD488
400
#F9BD48
500
#F7A508
600
#C68406
700
#9E6A05
800
#7C5304
900
#593D07
950
#382705

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

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

1,6:1

AA Fail AAA Fail

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

13,12:1

AA Pass AAA Pass

Сравнить с

#FAC45C
#5C92FA
#FAC45C
#FFFFFF
#000000
#FAC45C

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

Руководства по инструментам

WCAG AA vs AAA: Contrast Requirements Compared

Авг 20, 2026
Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026

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

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

RGB(250, 196, 92) · HSL(39,5, 94,0%, 67,1%) · CMYK(0,0%, 21,6%, 63,2%, 2,0%)

Does #FAC45C meet WCAG contrast on white?

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

What text color is readable on #FAC45C?

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