#F2AC93

#F2AC93

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

HEX

#F2AC93

RGB

242, 172, 147

HSL

15,8, 78,5%, 76,3%

HSV

15,8, 39,3%, 94,9%

CMYK

0,0%, 28,9%, 39,3%, 5,1%

OKLCH

0,8048 0,0899 40,5

Свойства

Тёплый Светлый Ближайший: NCS S 0530-Y90R Light Orange

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

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.

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

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

#F2AC93

#93D9F2

Аналогичный

#F293AA

#F2DC93

#F2AC93

Триадный

#F2AC93

#93F2AC

#AC93F2

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

#F2AC93

#93F2DC

#93AAF2

Тетрадный

#F2AC93

#AAF293

#93D9F2

#DC93F2

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

Оригинал

#F2AC93

Протанопия

#D4D399

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

#D8DD9A

Тританопия

#EE9E9F

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

#B9B9B9

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

background-color: #F2AC93;
color: #F2AC93;
border-color: #F2AC93;
Ближайший Tailwind-оттенок: Red 300 #FCA5A5

Оттенки Tailwind

50
#FCF5F2
100
#F9E8E1
200
#F7CEBF
300
#F2AB92
400
#EB7E57
500
#E4501B
600
#B64016
700
#923312
800
#72280E
900
#53200E
950
#341409

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

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

1,89:1

AA Fail AAA Fail

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

11,1:1

AA Pass AAA Pass

Сравнить с

#F2AC93
#93D9F2
#F2AC93
#FFFFFF
#000000
#F2AC93

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(242, 172, 147) · HSL(15,8, 78,5%, 76,3%) · CMYK(0,0%, 28,9%, 39,3%, 5,1%)

Does #F2AC93 meet WCAG contrast on white?

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

What text color is readable on #F2AC93?

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