#F84643

#F84643

Overview

#F84643 is a warm, light color. In RGB it is 248, 70, 67, in HSL 1.0°, 92.8%, 61.8%, and in CMYK 0.0%, 71.8%, 73.0%, 2.7%. The nearest named color is brown 2.

On this page

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

HEX

#F84643

RGB

248, 70, 67

HSL

1,0, 92,8%, 61,8%

HSV

1,0, 73,0%, 97,3%

CMYK

0,0%, 71,8%, 73,0%, 2,7%

OKLCH

0,6535 0,215 26,2

Свойства

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

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

Vivid pinks project confidence, playfulness, and bold self-expression. They challenge traditional associations, carrying both the warmth of red and the creativity of violet. Hot pink in particular signals rebellion against conventions and unapologetic individuality.

Design Usage

Medium pink is effective for fashion brands, social media platforms, and marketing campaigns targeting Gen Z audiences. It makes impactful gradient elements when blended with purple or orange. Use it for accent buttons and promotional banners where energy and excitement should override corporate formality.

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

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

#F84643

#43F5F8

Аналогичный

#F8439B

#F8A143

#F84643

Триадный

#F84643

#43F846

#4643F8

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

#F84643

#43F8A1

#439BF8

Тетрадный

#F84643

#9BF843

#43F5F8

#A143F8

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

Оригинал

#F84643

Протанопия

#ABA944

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

#B5C344

Тританопия

#EF4444

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

#6C6C6C

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

background-color: #F84643;

color: #F84643;

border-color: #F84643;

Ближайший Tailwind-оттенок: Red 500 #EF4444

Оттенки Tailwind

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

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

3,53:1

AA Fail AAA Fail

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

5,95:1

AA Pass AAA Fail

Сравнить с

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

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

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

RGB(248, 70, 67) · HSL(1,0, 92,8%, 61,8%) · CMYK(0,0%, 71,8%, 73,0%, 2,7%)

Does #F84643 meet WCAG contrast on white?

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

What text color is readable on #F84643?

Use 000000 text on a #F84643 background; contrast on black is 5,95:1.