#FFAF81

#FFAF81

Overview

#FFAF81 is a warm, light color. In RGB it is 255, 175, 129, in HSL 21.9°, 100.0%, 75.3%, and in CMYK 0.0%, 31.4%, 49.4%, 0.0%. The nearest named color is Atomic Tangerine.

On this page

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

HEX

#FFAF81

RGB

255, 175, 129

HSL

21,9, 100,0%, 75,3%

HSV

21,9, 49,4%, 100,0%

CMYK

0,0%, 31,4%, 49,4%, 0,0%

OKLCH

0,8209 0,1119 50,5

Свойства

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

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

Light oranges like peach and apricot radiate friendliness, comfort, and gentle optimism. They are psychologically soothing and feel approachable without being overly stimulating. These tones often appear in hospitality and food branding to suggest warmth and welcome.

Design Usage

Soft oranges make excellent card backgrounds and notification banners that need attention without alarm. They are popular in onboarding flows and empty-state illustrations to create a welcoming atmosphere. Pair them with slate gray text and white surfaces for a clean, modern look.

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

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

#FFAF81

#81D1FF

Аналогичный

#FF8192

#FFEE81

#FFAF81

Триадный

#FFAF81

#81FFAF

#AF81FF

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

#FFAF81

#81FFEE

#8192FF

Тетрадный

#FFAF81

#92FF81

#81D1FF

#EE81FF

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

Оригинал

#FFAF81

Протанопия

#DCDC8C

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

#E1E78F

Тританопия

#FB9597

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

#BDBDBD

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

background-color: #FFAF81;
color: #FFAF81;
border-color: #FFAF81;
Ближайший Tailwind-оттенок: Orange 300 #FDBA74

Оттенки Tailwind

50
#FEF6F1
100
#FCE9DE
200
#FFD2B8
300
#FFB185
400
#FF8742
500
#FF5D00
600
#CC4A00
700
#A33C00
800
#802F00
900
#5C2505
950
#3A1703

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

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

1,79:1

AA Fail AAA Fail

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

11,7:1

AA Pass AAA Pass

Сравнить с

#FFAF81
#81D1FF
#FFAF81
#FFFFFF
#000000
#FFAF81

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

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

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

RGB(255, 175, 129) · HSL(21,9, 100,0%, 75,3%) · CMYK(0,0%, 31,4%, 49,4%, 0,0%)

Does #FFAF81 meet WCAG contrast on white?

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

What text color is readable on #FFAF81?

Use 000000 text on a #FFAF81 background; contrast on black is 11,7:1.