#F49335

#F49335

Overview

#F49335 is a warm, light color. In RGB it is 244, 147, 53, in HSL 29.5°, 89.7%, 58.2%, and in CMYK 0.0%, 39.8%, 78.3%, 4.3%. The nearest named color is Neon Carrot.

On this page

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

HEX

#F49335

RGB

244, 147, 53

HSL

29,5, 89,7%, 58,2%

HSV

29,5, 78,3%, 95,7%

CMYK

0,0%, 39,8%, 78,3%, 4,3%

OKLCH

0,75 0,1554 59,9

Свойства

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

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

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.

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

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

#F49335

#3596F4

Аналогичный

#F43536

#F4F235

#F49335

Триадный

#F49335

#35F493

#9335F4

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

#F49335

#35F4F2

#3536F4

Тетрадный

#F49335

#36F435

#3596F4

#F235F4

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

Оригинал

#F49335

Протанопия

#CAC94C

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

#D0D751

Тританопия

#EF5E62

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

#A1A1A1

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

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

Оттенки Tailwind

50
#FDF7F2
100
#FBEDE0
200
#FBDBBB
300
#F9C18B
400
#F59F4C
500
#F27E0D
600
#C1640B
700
#9B5008
800
#793F07
900
#583009
950
#371E06

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

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

2,31:1

AA Fail AAA Fail

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

9,07:1

AA Pass AAA Pass

Сравнить с

#F49335
#3596F4
#F49335
#FFFFFF
#000000
#F49335

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(244, 147, 53) · HSL(29,5, 89,7%, 58,2%) · CMYK(0,0%, 39,8%, 78,3%, 4,3%)

Does #F49335 meet WCAG contrast on white?

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

What text color is readable on #F49335?

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