#F2D8AF

#F2D8AF

Overview

#F2D8AF is a warm, light color. In RGB it is 242, 216, 175, in HSL 36.7°, 72.0%, 81.8%, and in CMYK 0.0%, 10.7%, 27.7%, 5.1%. The nearest named color is wheat 2.

On this page

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

HEX

#F2D8AF

RGB

242, 216, 175

HSL

36,7, 72,0%, 81,8%

HSV

36,7, 27,7%, 94,9%

CMYK

0,0%, 10,7%, 27,7%, 5,1%

OKLCH

0,8936 0,061 79,1

Свойства

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

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

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.

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

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

#F2D8AF

#AFC9F2

Аналогичный

#F2B7AF

#EBF2AF

#F2D8AF

Триадный

#F2D8AF

#AFF2D8

#D8AFF2

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

#F2D8AF

#AFEBF2

#B7AFF2

Тетрадный

#F2D8AF

#AFF2B7

#AFC9F2

#F2AFEB

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

Оригинал

#F2D8AF

Протанопия

#E7E7B9

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

#E8EABB

Тританопия

#F1C1C2

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

#DBDBDB

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

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

Оттенки Tailwind

50
#FCF8F3
100
#F8F0E2
200
#F5E1C2
300
#EECC96
400
#E5B05D
500
#DB9424
600
#AF761D
700
#8C5F17
800
#6E4A12
900
#503711
950
#32230B

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

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

1,38:1

AA Fail AAA Fail

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

15,22:1

AA Pass AAA Pass

Сравнить с

#F2D8AF
#AFC9F2
#F2D8AF
#FFFFFF
#000000
#F2D8AF

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(242, 216, 175) · HSL(36,7, 72,0%, 81,8%) · CMYK(0,0%, 10,7%, 27,7%, 5,1%)

Does #F2D8AF meet WCAG contrast on white?

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

What text color is readable on #F2D8AF?

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