#ECAF87

#ECAF87

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

HEX

#ECAF87

RGB

236, 175, 135

HSL

23,8, 72,7%, 72,7%

HSV

23,8, 42,8%, 92,5%

CMYK

0,0%, 25,8%, 42,8%, 7,5%

OKLCH

0,8015 0,0894 54,3

Свойства

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

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

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

#ECAF87

#87C4EC

Аналогичный

#EC8791

#ECE287

#ECAF87

Триадный

#ECAF87

#87ECAF

#AF87EC

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

#ECAF87

#87ECE2

#8791EC

Тетрадный

#ECAF87

#91EC87

#87C4EC

#E287EC

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

Оригинал

#ECAF87

Протанопия

#D2D191

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

#D5DA93

Тританопия

#E9989A

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

#B9B9B9

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

background-color: #ECAF87;
color: #ECAF87;
border-color: #ECAF87;
Ближайший Tailwind-оттенок: Orange 200 #FED7AA

Оттенки Tailwind

50
#FCF6F3
100
#F8EBE2
200
#F5D6C1
300
#EEB995
400
#E5925C
500
#DC6C23
600
#B0571C
700
#8D4516
800
#6E3611
900
#502A11
950
#331A0B

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

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

1,9:1

AA Fail AAA Fail

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

11,05:1

AA Pass AAA Pass

Сравнить с

#ECAF87
#87C4EC
#ECAF87
#FFFFFF
#000000
#ECAF87

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(236, 175, 135) · HSL(23,8, 72,7%, 72,7%) · CMYK(0,0%, 25,8%, 42,8%, 7,5%)

Does #ECAF87 meet WCAG contrast on white?

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

What text color is readable on #ECAF87?

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