#F3AC93

#F3AC93

Overview

#F3AC93 is a warm, light color. In RGB it is 243, 172, 147, in HSL 15.6°, 80.0%, 76.5%, and in CMYK 0.0%, 29.2%, 39.5%, 4.7%. The nearest named color is NCS S 0530-Y90R Light Orange.

On this page

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

HEX

#F3AC93

RGB

243, 172, 147

HSL

15,6, 80,0%, 76,5%

HSV

15,6, 39,5%, 95,3%

CMYK

0,0%, 29,2%, 39,5%, 4,7%

OKLCH

0,8059 0,091 40,2

Свойства

Тёплый Светлый Ближайший: NCS S 0530-Y90R Light Orange

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

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.

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

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

#F3AC93

#93DAF3

Аналогичный

#F393AA

#F3DC93

#F3AC93

Триадный

#F3AC93

#93F3AC

#AC93F3

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

#F3AC93

#93F3DC

#93AAF3

Тетрадный

#F3AC93

#AAF393

#93DAF3

#DC93F3

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

Оригинал

#F3AC93

Протанопия

#D4D499

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

#D8DE9A

Тританопия

#EF9E9F

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

#B9B9B9

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

background-color: #F3AC93;
color: #F3AC93;
border-color: #F3AC93;
Ближайший Tailwind-оттенок: Red 300 #FCA5A5

Оттенки Tailwind

50
#FDF5F2
100
#F9E7E1
200
#F8CEBF
300
#F3AA91
400
#EC7C55
500
#E64F19
600
#B83F14
700
#933210
800
#73270D
900
#53200E
950
#351409

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

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

1,89:1

AA Fail AAA Fail

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

11,13:1

AA Pass AAA Pass

Сравнить с

#F3AC93
#93DAF3
#F3AC93
#FFFFFF
#000000
#F3AC93

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(243, 172, 147) · HSL(15,6, 80,0%, 76,5%) · CMYK(0,0%, 29,2%, 39,5%, 4,7%)

Does #F3AC93 meet WCAG contrast on white?

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

What text color is readable on #F3AC93?

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