#F2AB98

#F2AB98

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

HEX

#F2AB98

RGB

242, 171, 152

HSL

12,7, 77,6%, 77,3%

HSV

12,7, 37,2%, 94,9%

CMYK

0,0%, 29,3%, 37,2%, 5,1%

OKLCH

0,8041 0,0884 35,6

Свойства

Тёплый Светлый Ближайший: 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.

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

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

#F2AB98

#98DFF2

Аналогичный

#F298B2

#F2D898

#F2AB98

Триадный

#F2AB98

#98F2AB

#AB98F2

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

#F2AB98

#98F2D8

#98B2F2

Тетрадный

#F2AB98

#B2F298

#98DFF2

#D898F2

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

Оригинал

#F2AB98

Протанопия

#D3D39D

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

#D7DD9E

Тританопия

#EEA0A1

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

#B9B9B9

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

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

Оттенки Tailwind

50
#FCF4F2
100
#F9E6E1
200
#F7CBC0
300
#F1A692
400
#EA7657
500
#E2461D
600
#B53817
700
#912D12
800
#71230E
900
#521D0F
950
#341209

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

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

1,9:1

AA Fail AAA Fail

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

11,05:1

AA Pass AAA Pass

Сравнить с

#F2AB98
#98DFF2
#F2AB98
#FFFFFF
#000000
#F2AB98

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(242, 171, 152) · HSL(12,7, 77,6%, 77,3%) · CMYK(0,0%, 29,3%, 37,2%, 5,1%)

Does #F2AB98 meet WCAG contrast on white?

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

What text color is readable on #F2AB98?

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