CSS Color: Tomato

Tomato is a warm, vibrant red-orange that sits at 9 degrees on the HSL hue wheel. With full saturation and 64% lightness, it is brighter and more energetic than pure Red. Its hex value `#FF6347` features maximum red with moderate green and blue components.

Tomato is a popular choice for attention-grabbing UI elements that need warmth without the severity of pure red. It works well for notification badges, promotional banners, and accent borders. The warm undertone gives it a friendly, approachable character that pure red lacks.

For accessibility, Tomato against white yields a contrast ratio of about 3.1:1, which only passes WCAG AA for large text. If you need Tomato for body text, use it against a very dark background where it achieves much better contrast. Against black, Tomato achieves approximately 6.2:1.

Tomato pairs naturally with teal, dark green, and warm neutrals. It is closely related to Coral and Salmon but has more red intensity. In design systems, Tomato often appears in warning or notification palettes where orange is too subtle and red is too alarming.