#F1986B

#F1986B

Overview

#F1986B is a warm, light color. In RGB it is 241, 152, 107, in HSL 20.1°, 82.7%, 68.2%, and in CMYK 0.0%, 36.9%, 55.6%, 5.5%. The nearest named color is Atomic Tangerine.

On this page

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

HEX

#F1986B

RGB

241, 152, 107

HSL

20,1, 82,7%, 68,2%

HSV

20,1, 55,6%, 94,5%

CMYK

0,0%, 36,9%, 55,6%, 5,5%

OKLCH

0,761 0,1229 47,1

Свойства

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

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

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.

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

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

#F1986B

#6BC4F1

Аналогичный

#F16B81

#F1DB6B

#F1986B

Триадный

#F1986B

#6BF198

#986BF1

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

#F1986B

#6BF1DB

#6B81F1

Тетрадный

#F1986B

#81F16B

#6BC4F1

#DB6BF1

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

Оригинал

#F1986B

Протанопия

#CACA76

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

#D0D678

Тританопия

#ED7E80

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

#A8A8A8

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

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

Оттенки Tailwind

50
#FDF6F2
100
#FAE9E1
200
#F9D2BE
300
#F4B18F
400
#EF8753
500
#E95D16
600
#BA4A12
700
#953B0E
800
#742E0B
900
#55250C
950
#351708

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

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

2,22:1

AA Fail AAA Fail

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

9,44:1

AA Pass AAA Pass

Сравнить с

#F1986B
#6BC4F1
#F1986B
#FFFFFF
#000000
#F1986B

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(241, 152, 107) · HSL(20,1, 82,7%, 68,2%) · CMYK(0,0%, 36,9%, 55,6%, 5,5%)

Does #F1986B meet WCAG contrast on white?

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

What text color is readable on #F1986B?

Use 000000 text on a #F1986B background; contrast on black is 9,44:1.