#ECBC76

#ECBC76

Overview

#ECBC76 is a warm, light color. In RGB it is 236, 188, 118, in HSL 35.6°, 75.6%, 69.4%, and in CMYK 0.0%, 20.3%, 50.0%, 7.5%. The nearest named color is NCS S 0530-Y30R Apricot.

On this page

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

HEX

#ECBC76

RGB

236, 188, 118

HSL

35,6, 75,6%, 69,4%

HSV

35,6, 50,0%, 92,5%

CMYK

0,0%, 20,3%, 50,0%, 7,5%

OKLCH

0,8232 0,1038 75,9

Свойства

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

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

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.

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

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

#ECBC76

#76A6EC

Аналогичный

#EC8176

#E1EC76

#ECBC76

Триадный

#ECBC76

#76ECBC

#BC76EC

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

#ECBC76

#76E1EC

#8176EC

Тетрадный

#ECBC76

#76EC81

#76A6EC

#EC76E1

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

Оригинал

#ECBC76

Протанопия

#D7D787

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

#DADE8B

Тританопия

#EA9497

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

#C1C1C1

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

background-color: #ECBC76;
color: #ECBC76;
border-color: #ECBC76;
Ближайший Tailwind-оттенок: Orange 300 #FDBA74

Оттенки Tailwind

50
#FCF8F2
100
#F9EFE2
200
#F6E0C0
300
#F0CA94
400
#E8AE59
500
#E0911F
600
#B37419
700
#8F5D14
800
#704910
900
#51370F
950
#33220A

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

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

1,75:1

AA Fail AAA Fail

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

12,02:1

AA Pass AAA Pass

Сравнить с

#ECBC76
#76A6EC
#ECBC76
#FFFFFF
#000000
#ECBC76

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(236, 188, 118) · HSL(35,6, 75,6%, 69,4%) · CMYK(0,0%, 20,3%, 50,0%, 7,5%)

Does #ECBC76 meet WCAG contrast on white?

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

What text color is readable on #ECBC76?

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