#F6DFB3

#F6DFB3

Overview

#F6DFB3 is a warm, light color. In RGB it is 246, 223, 179, in HSL 39.4°, 78.8%, 83.3%, and in CMYK 0.0%, 9.3%, 27.2%, 3.5%. The nearest named color is wheat.

On this page

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

HEX

#F6DFB3

RGB

246, 223, 179

HSL

39,4, 78,8%, 83,3%

HSV

39,4, 27,2%, 96,5%

CMYK

0,0%, 9,3%, 27,2%, 3,5%

OKLCH

0,9117 0,0626 83,5

Свойства

Тёплый Светлый Ближайший: 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.

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

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

#F6DFB3

#B3CAF6

Аналогичный

#F6BDB3

#EBF6B3

#F6DFB3

Триадный

#F6DFB3

#B3F6DF

#DFB3F6

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

#F6DFB3

#B3EBF6

#BDB3F6

Тетрадный

#F6DFB3

#B3F6BD

#B3CAF6

#F6B3EB

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

Оригинал

#F6DFB3

Протанопия

#ECECBE

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

#EDEFC0

Тританопия

#F5C6C8

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

#E1E1E1

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

background-color: #F6DFB3;
color: #F6DFB3;
border-color: #F6DFB3;
Ближайший Tailwind-оттенок: Orange 200 #FED7AA

Оттенки Tailwind

50
#FCF9F2
100
#F9F1E1
200
#F7E4BF
300
#F2D192
400
#EBB856
500
#E49F1B
600
#B67F16
700
#926611
800
#724F0E
900
#533B0E
950
#342509

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

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

1,3:1

AA Fail AAA Fail

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

16,12:1

AA Pass AAA Pass

Сравнить с

#F6DFB3
#B3CAF6
#F6DFB3
#FFFFFF
#000000
#F6DFB3

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(246, 223, 179) · HSL(39,4, 78,8%, 83,3%) · CMYK(0,0%, 9,3%, 27,2%, 3,5%)

Does #F6DFB3 meet WCAG contrast on white?

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

What text color is readable on #F6DFB3?

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