#FFDAD2

#FFDAD2

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

HEX

#FFDAD2

RGB

255, 218, 210

HSL

10,7, 100,0%, 91,2%

HSV

10,7, 17,6%, 100,0%

CMYK

0,0%, 14,5%, 17,6%, 0,0%

OKLCH

0,9172 0,0429 32,2

Свойства

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

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

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.

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

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

#FFDAD2

#D2F7FF

Аналогичный

#FFD2E1

#FFF1D2

#FFDAD2

Триадный

#FFDAD2

#D2FFDA

#DAD2FF

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

#FFDAD2

#D2FFF1

#D2E1FF

Тетрадный

#FFDAD2

#E1FFD2

#D2F7FF

#F1D2FF

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

Оригинал

#FFDAD2

Протанопия

#EFEFD4

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

#F1F4D4

Тританопия

#FDD5D6

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

#E1E1E1

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

background-color: #FFDAD2;
color: #FFDAD2;
border-color: #FFDAD2;
Ближайший Tailwind-оттенок: Red 100 #FEE2E2

Оттенки Tailwind

50
#FEF3F1
100
#FCE3DE
200
#FFC4B8
300
#FF9A85
400
#FF6442
500
#FF2D00
600
#CC2400
700
#A31D00
800
#801700
900
#5C1405
950
#3A0D03

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

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

1,3:1

AA Fail AAA Fail

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

16,21:1

AA Pass AAA Pass

Сравнить с

#FFDAD2
#D2F7FF
#FFDAD2
#FFFFFF
#000000
#FFDAD2

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(255, 218, 210) · HSL(10,7, 100,0%, 91,2%) · CMYK(0,0%, 14,5%, 17,6%, 0,0%)

Does #FFDAD2 meet WCAG contrast on white?

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

What text color is readable on #FFDAD2?

Use 000000 text on a #FFDAD2 background; contrast on black is 16,21:1.