#F2BA64

#F2BA64

Overview

#F2BA64 is a warm, light color. In RGB it is 242, 186, 100, in HSL 36.3°, 84.5%, 67.1%, and in CMYK 0.0%, 23.1%, 58.7%, 5.1%. The nearest named color is NCS S 1040-Y40R Peach.

On this page

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

HEX

#F2BA64

RGB

242, 186, 100

HSL

36,3, 84,5%, 67,1%

HSV

36,3, 58,7%, 94,9%

CMYK

0,0%, 23,1%, 58,7%, 5,1%

OKLCH

0,823 0,122 76,4

Свойства

Тёплый Светлый Ближайший: NCS S 1040-Y40R Peach

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

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.

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

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

#F2BA64

#649CF2

Аналогичный

#F27364

#E3F264

#F2BA64

Триадный

#F2BA64

#64F2BA

#BA64F2

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

#F2BA64

#64E3F2

#7364F2

Тетрадный

#F2BA64

#64F273

#649CF2

#F264E3

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

Оригинал

#F2BA64

Протанопия

#DAD979

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

#DDE17E

Тританопия

#EF898D

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

#C0C0C0

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

background-color: #F2BA64;
color: #F2BA64;
border-color: #F2BA64;
Ближайший Tailwind-оттенок: Orange 300 #FDBA74

Оттенки Tailwind

50
#FDF9F2
100
#FAF0E0
200
#F9E2BD
300
#F6CD8E
400
#F0B151
500
#EB9614
600
#BC7810
700
#97600D
800
#764B0A
900
#55380C
950
#362307

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

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

1,75:1

AA Fail AAA Fail

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

11,98:1

AA Pass AAA Pass

Сравнить с

#F2BA64
#649CF2
#F2BA64
#FFFFFF
#000000
#F2BA64

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(242, 186, 100) · HSL(36,3, 84,5%, 67,1%) · CMYK(0,0%, 23,1%, 58,7%, 5,1%)

Does #F2BA64 meet WCAG contrast on white?

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

What text color is readable on #F2BA64?

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