UI Shades

A study in red

Tomato

#FF6347

Family
Red
L
0.696
C
0.196
H
32°

Notes

Tomato is the bright, slightly orange-leaning red of a ripe summer tomato. The CSS hex carries high chroma at mid-high lightness and reads as energetic and warm. Food, sports, and outdoor brands use it as a primary or accent colour, typically against deep navy for type contrast or cream for a softer palette. Against white the body text contrast is borderline at small sizes; larger sizes are safest and dark text overlays the clean option on button surfaces. Body text contrast against white passes AA only at sizes 18px and above.

#ff6347
Tomato
Tomato
#ff6347
oklch(0.696 0.196 32.32)
rgb(255 99 71)
hsl(9.1 100% 63.9%)
Share
#fff3ee
#ffebe4
#ffd7cb
#ffbeae
#ff8970
#ff6347
#cc3114
#af1900
#830500
#5d0000
#350000

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Tomato

Cross-reference
Q&A

Frequently asked questions

What is Tomato?

Tomato is the bright, slightly orange-leaning red of a ripe summer tomato. The CSS hex carries high chroma at mid-high lightness and reads as energetic and warm. Its hex code is #FF6347.

What are the tints and shades of Tomato?

uishades builds an 11-step OKLCH ramp for Tomato (#FF6347) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Tomato?

Its complementary color is #00B3D0. Triadic partners are #00BE5C and #7891FF; analogous neighbours are #E97D00 and #F95D93.

What are the OKLCH and RGB values of Tomato?

Tomato is #FF6347 - OKLCH 0.696 0.196 32°, rgb(255 99 71), in the red family.