#FC8951

#FC8951

Overview

#FC8951 is a warm, light color. In RGB it is 252, 137, 81, in HSL 19.6°, 96.6%, 65.3%, and in CMYK 0.0%, 45.6%, 67.9%, 1.2%. The nearest named color is sienna 2.

On this page

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

HEX

#FC8951

RGB

252, 137, 81

HSL

19,6, 96,6%, 65,3%

HSV

19,6, 67,9%, 98,8%

CMYK

0,0%, 45,6%, 67,9%, 1,2%

OKLCH

0,7465 0,1567 45,3

Свойства

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

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

True orange embodies enthusiasm, creativity, and adventure. It stimulates mental activity and social interaction, making it a favorite in creative industries. Orange is highly visible and conveys confidence without the aggression of red, bridging warmth and energy.

Design Usage

Medium orange excels in CTAs, pricing highlights, and gamification elements where excitement is desired. Tech companies and SaaS products use it to differentiate from the dominant blue of their competitors. It requires careful contrast checking since mid-range orange can fail WCAG on light backgrounds.

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

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

#FC8951

#51C4FC

Аналогичный

#FC516F

#FCDE51

#FC8951

Триадный

#FC8951

#51FC89

#8951FC

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

#FC8951

#51FCDE

#516FFC

Тетрадный

#FC8951

#6FFC51

#51C4FC

#DE51FC

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

Оригинал

#FC8951

Протанопия

#CAC95F

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

#D1D962

Тританопия

#F6696C

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

#9D9D9D

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

background-color: #FC8951;
color: #FC8951;
border-color: #FC8951;
Ближайший Tailwind-оттенок: Orange 400 #FB923C

Оттенки Tailwind

50
#FEF5F1
100
#FCE8DE
200
#FECFB9
300
#FDAD87
400
#FC8146
500
#FB5504
600
#C94403
700
#A03603
800
#7D2A02
900
#5B2206
950
#391504

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

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

2,38:1

AA Fail AAA Fail

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

8,84:1

AA Pass AAA Pass

Сравнить с

#FC8951
#51C4FC
#FC8951
#FFFFFF
#000000
#FC8951

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

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

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 #FC8951?

RGB(252, 137, 81) · HSL(19,6, 96,6%, 65,3%) · CMYK(0,0%, 45,6%, 67,9%, 1,2%)

Does #FC8951 meet WCAG contrast on white?

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

What text color is readable on #FC8951?

Use 000000 text on a #FC8951 background; contrast on black is 8,84:1.