#F5DFB8

#F5DFB8

Overview

#F5DFB8 is a warm, light color. In RGB it is 245, 223, 184, in HSL 38.4°, 75.3%, 84.1%, and in CMYK 0.0%, 9.0%, 24.9%, 3.9%. The nearest named color is wheat.

On this page

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

HEX

#F5DFB8

RGB

245, 223, 184

HSL

38,4, 75,3%, 84,1%

HSV

38,4, 24,9%, 96,1%

CMYK

0,0%, 9,0%, 24,9%, 3,9%

OKLCH

0,9119 0,0565 81,9

Свойства

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

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

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.

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

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

#F5DFB8

#B8CEF5

Аналогичный

#F5C0B8

#ECF5B8

#F5DFB8

Триадный

#F5DFB8

#B8F5DF

#DFB8F5

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

#F5DFB8

#B8ECF5

#C0B8F5

Тетрадный

#F5DFB8

#B8F5C0

#B8CEF5

#F5B8EC

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

Оригинал

#F5DFB8

Протанопия

#EBEBC1

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

#EDEEC4

Тританопия

#F4C9CB

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

#E1E1E1

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

background-color: #F5DFB8;
color: #F5DFB8;
border-color: #F5DFB8;
Ближайший Tailwind-оттенок: Amber 100 #FEF3C7

Оттенки Tailwind

50
#FCF9F2
100
#F9F0E2
200
#F6E3C0
300
#F0CF94
400
#E8B55A
500
#E09A1F
600
#B37C19
700
#8F6314
800
#704D10
900
#513A10
950
#33240A

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

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

1,3:1

AA Fail AAA Fail

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

16,13:1

AA Pass AAA Pass

Сравнить с

#F5DFB8
#B8CEF5
#F5DFB8
#FFFFFF
#000000
#F5DFB8

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(245, 223, 184) · HSL(38,4, 75,3%, 84,1%) · CMYK(0,0%, 9,0%, 24,9%, 3,9%)

Does #F5DFB8 meet WCAG contrast on white?

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

What text color is readable on #F5DFB8?

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