#F5AA21

#F5AA21

Overview

#F5AA21 is a warm, light color. In RGB it is 245, 170, 33, in HSL 38.8°, 91.4%, 54.5%, and in CMYK 0.0%, 30.6%, 86.5%, 3.9%. The nearest named color is RAL 1033 Dahlia Yellow.

On this page

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

HEX

#F5AA21

RGB

245, 170, 33

HSL

38,8, 91,4%, 54,5%

HSV

38,8, 86,5%, 96,1%

CMYK

0,0%, 30,6%, 86,5%, 3,9%

OKLCH

0,7909 0,1593 75,4

Свойства

Тёплый Светлый Ближайший: RAL 1033 Dahlia Yellow

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

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.

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

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

#F5AA21

#216CF5

Аналогичный

#F54021

#D6F521

#F5AA21

Триадный

#F5AA21

#21F5AA

#AA21F5

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

#F5AA21

#21D6F5

#4021F5

Тетрадный

#F5AA21

#21F540

#216CF5

#F521D6

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

Оригинал

#F5AA21

Протанопия

#D5D442

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

#D9DE4A

Тританопия

#F15C62

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

#B0B0B0

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

background-color: #F5AA21;

color: #F5AA21;

border-color: #F5AA21;

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

Оттенки Tailwind

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

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

1,97:1

AA Fail AAA Fail

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

10,65:1

AA Pass AAA Pass

Сравнить с

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

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

Янв 26, 2026

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

Янв 21, 2026

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

Янв 15, 2026

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

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

RGB(245, 170, 33) · HSL(38,8, 91,4%, 54,5%) · CMYK(0,0%, 30,6%, 86,5%, 3,9%)

Does #F5AA21 meet WCAG contrast on white?

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

What text color is readable on #F5AA21?

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