#F6DFB6

#F6DFB6

Overview

#F6DFB6 is a warm, light color. In RGB it is 246, 223, 182, in HSL 38.4°, 78.0%, 83.9%, and in CMYK 0.0%, 9.3%, 26.0%, 3.5%. The nearest named color is wheat.

On this page

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

HEX

#F6DFB6

RGB

246, 223, 182

HSL

38,4, 78,0%, 83,9%

HSV

38,4, 26,0%, 96,5%

CMYK

0,0%, 9,3%, 26,0%, 3,5%

OKLCH

0,9123 0,0592 82,0

Свойства

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

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

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

#F6DFB6

#B6CDF6

Аналогичный

#F6BFB6

#EDF6B6

#F6DFB6

Триадный

#F6DFB6

#B6F6DF

#DFB6F6

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

#F6DFB6

#B6EDF6

#BFB6F6

Тетрадный

#F6DFB6

#B6F6BF

#B6CDF6

#F6B6ED

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

Оригинал

#F6DFB6

Протанопия

#ECECC0

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

#EDEFC2

Тританопия

#F5C8C9

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

#E1E1E1

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

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

Оттенки Tailwind

50
#FCF9F2
100
#F9F0E1
200
#F7E3BF
300
#F2CF92
400
#EAB557
500
#E39B1C
600
#B67C16
700
#916312
800
#714E0E
900
#523A0E
950
#342509

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

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

1,3:1

AA Fail AAA Fail

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

16,15:1

AA Pass AAA Pass

Сравнить с

#F6DFB6
#B6CDF6
#F6DFB6
#FFFFFF
#000000
#F6DFB6

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

Руководства по инструментам

WCAG AA vs AAA: Contrast Requirements Compared

Авг 20, 2026
Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026

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

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

RGB(246, 223, 182) · HSL(38,4, 78,0%, 83,9%) · CMYK(0,0%, 9,3%, 26,0%, 3,5%)

Does #F6DFB6 meet WCAG contrast on white?

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

What text color is readable on #F6DFB6?

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