#F2CE8C

#F2CE8C

Overview

#F2CE8C is a warm, light color. In RGB it is 242, 206, 140, in HSL 38.8°, 79.7%, 74.9%, and in CMYK 0.0%, 14.9%, 42.1%, 5.1%. The nearest named color is NCS S 0530-Y Medium Yellow.

On this page

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

HEX

#F2CE8C

RGB

242, 206, 140

HSL

38,8, 79,7%, 74,9%

HSV

38,8, 42,1%, 94,9%

CMYK

0,0%, 14,9%, 42,1%, 5,1%

OKLCH

0,8674 0,0929 82,1

Свойства

Тёплый Светлый Ближайший: NCS S 0530-Y Medium Yellow

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

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.

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

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

#F2CE8C

#8CB0F2

Аналогичный

#F29B8C

#E3F28C

#F2CE8C

Триадный

#F2CE8C

#8CF2CE

#CE8CF2

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

#F2CE8C

#8CE3F2

#9B8CF2

Тетрадный

#F2CE8C

#8CF29B

#8CB0F2

#F28CE3

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

Оригинал

#F2CE8C

Протанопия

#E2E29C

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

#E4E7A0

Тританопия

#F0A9AB

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

#D1D1D1

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

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

Оттенки Tailwind

50
#FDF9F2
100
#F9F1E1
200
#F8E4BF
300
#F3D091
400
#ECB755
500
#E59D1A
600
#B77E15
700
#936511
800
#734F0D
900
#533B0E
950
#352509

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

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

1,5:1

AA Fail AAA Fail

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

13,98:1

AA Pass AAA Pass

Сравнить с

#F2CE8C
#8CB0F2
#F2CE8C
#FFFFFF
#000000
#F2CE8C

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

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

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 #F2CE8C?

RGB(242, 206, 140) · HSL(38,8, 79,7%, 74,9%) · CMYK(0,0%, 14,9%, 42,1%, 5,1%)

Does #F2CE8C meet WCAG contrast on white?

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

What text color is readable on #F2CE8C?

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