#F2DFCF

#F2DFCF

Overview

#F2DFCF is a warm, light color. In RGB it is 242, 223, 207, in HSL 27.4°, 57.4%, 88.0%, and in CMYK 0.0%, 7.9%, 14.5%, 5.1%. The nearest named color is Almond.

On this page

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

HEX

#F2DFCF

RGB

242, 223, 207

HSL

27,4, 57,4%, 88,0%

HSV

27,4, 14,5%, 94,9%

CMYK

0,0%, 7,9%, 14,5%, 5,1%

OKLCH

0,9147 0,03 62,6

Свойства

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

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

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.

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

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

#F2DFCF

#CFE2F2

Аналогичный

#F2CFD0

#F2F0CF

#F2DFCF

Триадный

#F2DFCF

#CFF2DF

#DFCFF2

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

#F2DFCF

#CFF2F0

#CFD0F2

Тетрадный

#F2DFCF

#D0F2CF

#CFE2F2

#F0CFF2

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

Оригинал

#F2DFCF

Протанопия

#EAEAD3

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

#EBECD4

Тританопия

#F1D6D7

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

#E2E2E2

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

background-color: #F2DFCF;
color: #F2DFCF;
border-color: #F2DFCF;
Ближайший Tailwind-оттенок: Orange 100 #FFEDD5

Оттенки Tailwind

50
#FBF7F4
100
#F6ECE4
200
#F0DAC7
300
#E5BF9F
400
#D79C6A
500
#C97936
600
#A1612B
700
#804E23
800
#643D1B
900
#492E17
950
#2E1D0F

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

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

1,29:1

AA Fail AAA Fail

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

16,23:1

AA Pass AAA Pass

Сравнить с

#F2DFCF
#CFE2F2
#F2DFCF
#FFFFFF
#000000
#F2DFCF

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(242, 223, 207) · HSL(27,4, 57,4%, 88,0%) · CMYK(0,0%, 7,9%, 14,5%, 5,1%)

Does #F2DFCF meet WCAG contrast on white?

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

What text color is readable on #F2DFCF?

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