#ECCCC1

#ECCCC1

Overview

#ECCCC1 is a warm, light color. In RGB it is 236, 204, 193, in HSL 15.3°, 53.1%, 84.1%, and in CMYK 0.0%, 13.6%, 18.2%, 7.5%. The nearest named color is Desert Sand.

On this page

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

HEX

#ECCCC1

RGB

236, 204, 193

HSL

15,3, 53,1%, 84,1%

HSV

15,3, 18,2%, 92,5%

CMYK

0,0%, 13,6%, 18,2%, 7,5%

OKLCH

0,8693 0,0393 39,9

Свойства

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

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

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.

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

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

#ECCCC1

#C1E1EC

Аналогичный

#ECC1CB

#ECE1C1

#ECCCC1

Триадный

#ECCCC1

#C1ECCC

#CCC1EC

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

#ECCCC1

#C1ECE1

#C1CBEC

Тетрадный

#ECCCC1

#CBECC1

#C1E1EC

#E1C1EC

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

Оригинал

#ECCCC1

Протанопия

#DEDEC4

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

#E0E2C4

Тританопия

#EAC6C6

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

#D2D2D2

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

background-color: #ECCCC1;
color: #ECCCC1;
border-color: #ECCCC1;
Ближайший Tailwind-оттенок: Red 200 #FECACA

Оттенки Tailwind

50
#FBF6F4
100
#F5E9E5
200
#EED2C8
300
#E2B2A1
400
#D3886F
500
#C35E3C
600
#9C4B30
700
#7D3C26
800
#622F1E
900
#482519
950
#2D1710

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

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

1,5:1

AA Fail AAA Fail

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

13,97:1

AA Pass AAA Pass

Сравнить с

#ECCCC1
#C1E1EC
#ECCCC1
#FFFFFF
#000000
#ECCCC1

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(236, 204, 193) · HSL(15,3, 53,1%, 84,1%) · CMYK(0,0%, 13,6%, 18,2%, 7,5%)

Does #ECCCC1 meet WCAG contrast on white?

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

What text color is readable on #ECCCC1?

Use 000000 text on a #ECCCC1 background; contrast on black is 13,97:1.