#E2AB91

#E2AB91

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

HEX

#E2AB91

RGB

226, 171, 145

HSL

19,3, 58,3%, 72,7%

HSV

19,3, 35,8%, 88,6%

CMYK

0,0%, 24,3%, 35,8%, 11,4%

OKLCH

0,7857 0,0743 46,4

Свойства

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

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

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.

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

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

#E2AB91

#91C8E2

Аналогичный

#E2919F

#E2D391

#E2AB91

Триадный

#E2AB91

#91E2AB

#AB91E2

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

#E2AB91

#91E2D3

#919FE2

Тетрадный

#E2AB91

#9FE291

#91C8E2

#D391E2

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

Оригинал

#E2AB91

Протанопия

#CACA97

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

#CDD299

Тританопия

#DF9C9D

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

#B5B5B5

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

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

Оттенки Tailwind

50
#FBF6F4
100
#F6EAE4
200
#F0D4C6
300
#E5B59E
400
#D88D6A
500
#CA6535
600
#A1512B
700
#814122
800
#65321B
900
#4A2717
950
#2F190F

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

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

2,01:1

AA Fail AAA Fail

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

10,47:1

AA Pass AAA Pass

Сравнить с

#E2AB91
#91C8E2
#E2AB91
#FFFFFF
#000000
#E2AB91

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(226, 171, 145) · HSL(19,3, 58,3%, 72,7%) · CMYK(0,0%, 24,3%, 35,8%, 11,4%)

Does #E2AB91 meet WCAG contrast on white?

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

What text color is readable on #E2AB91?

Use 000000 text on a #E2AB91 background; contrast on black is 10,47:1.