#AF5D10

#AF5D10

Overview

#AF5D10 is a warm, dark color. In RGB it is 175, 93, 16, in HSL 29.1°, 83.2%, 37.5%, and in CMYK 0.0%, 46.9%, 90.9%, 31.4%. The nearest named color is chocolate 3.

On this page

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

HEX

#AF5D10

RGB

175, 93, 16

HSL

29,1, 83,2%, 37,5%

HSV

29,1, 90,9%, 68,6%

CMYK

0,0%, 46,9%, 90,9%, 31,4%

OKLCH

0,5644 0,1328 55,7

Свойства

Тёплый Тёмный Ближайший: chocolate 3

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

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.

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

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

#AF5D10

#1062AF

Аналогичный

#AF1012

#AFAD10

#AF5D10

Триадный

#AF5D10

#10AF5D

#5D10AF

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

#AF5D10

#10AFAD

#1012AF

Тетрадный

#AF5D10

#12AF10

#1062AF

#AD10AF

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

Оригинал

#AF5D10

Протанопия

#8B8B23

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

#909627

Тританопия

#AB3135

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

#696969

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

background-color: #AF5D10;

color: #AF5D10;

border-color: #AF5D10;

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

Оттенки Tailwind

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

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

4,78:1

AA Pass AAA Fail

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

4,4:1

AA Fail AAA Fail

Сравнить с

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

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

Янв 26, 2026

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

Янв 21, 2026

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

Янв 15, 2026

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

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

RGB(175, 93, 16) · HSL(29,1, 83,2%, 37,5%) · CMYK(0,0%, 46,9%, 90,9%, 31,4%)

Does #AF5D10 meet WCAG contrast on white?

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

What text color is readable on #AF5D10?

Use FFFFFF text on a #AF5D10 background; contrast on black is 4,4:1.