#F2AB93

#F2AB93

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

HEX

#F2AB93

RGB

242, 171, 147

HSL

15,2, 78,5%, 76,3%

HSV

15,2, 39,3%, 94,9%

CMYK

0,0%, 29,3%, 39,3%, 5,1%

OKLCH

0,803 0,0906 39,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.

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

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

#F2AB93

#93DAF2

Аналогичный

#F293AB

#F2DB93

#F2AB93

Триадный

#F2AB93

#93F2AB

#AB93F2

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

#F2AB93

#93F2DB

#93ABF2

Тетрадный

#F2AB93

#ABF293

#93DAF2

#DB93F2

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

Оригинал

#F2AB93

Протанопия

#D3D399

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

#D7DD9A

Тританопия

#EE9D9E

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

#B8B8B8

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

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

Оттенки Tailwind

50
#FCF5F2
100
#F9E7E1
200
#F7CDBF
300
#F2AA92
400
#EB7C57
500
#E44E1B
600
#B63E16
700
#923212
800
#72270E
900
#53200E
950
#341409

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

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

1,91:1

AA Fail AAA Fail

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

11,02:1

AA Pass AAA Pass

Сравнить с

#F2AB93
#93DAF2
#F2AB93
#FFFFFF
#000000
#F2AB93

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(242, 171, 147) · HSL(15,2, 78,5%, 76,3%) · CMYK(0,0%, 29,3%, 39,3%, 5,1%)

Does #F2AB93 meet WCAG contrast on white?

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

What text color is readable on #F2AB93?

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