#F4BB49

#F4BB49

Overview

#F4BB49 is a warm, light color. In RGB it is 244, 187, 73, in HSL 40.0°, 88.6%, 62.2%, and in CMYK 0.0%, 23.4%, 70.1%, 4.3%. The nearest named color is NCS S 1050-Y20R Golden.

On this page

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

HEX

#F4BB49

RGB

244, 187, 73

HSL

40,0, 88,6%, 62,2%

HSV

40,0, 70,1%, 95,7%

CMYK

0,0%, 23,4%, 70,1%, 4,3%

OKLCH

0,8241 0,1429 81,4

Свойства

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

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

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.

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

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

#F4BB49

#4982F4

Аналогичный

#F46649

#D8F449

#F4BB49

Триадный

#F4BB49

#49F4BB

#BB49F4

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

#F4BB49

#49D8F4

#6649F4

Тетрадный

#F4BB49

#49F466

#4982F4

#F449D8

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

Оригинал

#F4BB49

Протанопия

#DBDB65

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

#DFE36B

Тританопия

#F17A7F

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

#BFBFBF

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

background-color: #F4BB49;

color: #F4BB49;

border-color: #F4BB49;

Ближайший Tailwind-оттенок: Amber 300 #FCD34D

Оттенки Tailwind

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

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

1,74:1

AA Fail AAA Fail

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

12,05:1

AA Pass AAA Pass

Сравнить с

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

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

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

RGB(244, 187, 73) · HSL(40,0, 88,6%, 62,2%) · CMYK(0,0%, 23,4%, 70,1%, 4,3%)

Does #F4BB49 meet WCAG contrast on white?

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

What text color is readable on #F4BB49?

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