tomato

#FF6347

CSS color

Tomato (#FF6347) is a warm, vivid orange-red CSS named colour, precisely matching the bright, orange-tinged red of a ripe tomato — the most iconic red vegetable in the Western culinary tradition. The orange shift from pure red gives it energy and warmth without aggression, making it more approachable than primary red while retaining strong visual impact. In UI design it is one of the most popular reds for error states, warnings, and notification badges.

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

HEX

#FF6347

RGB

255, 99, 71

HSL

9,1, 100,0%, 63,9%

HSV

9,1, 72,2%, 100,0%

CMYK

0,0%, 61,2%, 72,2%, 0,0%

OKLCH

0,6962 0,1955 32,3

Свойства

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

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

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.

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

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

Аналогичный

Триадный

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

Тетрадный

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

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

background-color: #FF6347;
color: #FF6347;
border-color: #FF6347;
Ближайший Tailwind-оттенок: Red 500 #EF4444

Оттенки Tailwind

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

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

2,95:1

AA Fail AAA Fail

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

7,13:1

AA Pass AAA Pass

Сравнить с

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