A vivid medium red, black text passes AA
What color is tomato?
The CSS named color tomato is #ff6347, or rgb(255 99 71): a vivid medium red in plain words. Black text on it reaches 7.13:1, passing WCAG AAA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | tomato |
| Hex | #ff6347 |
| RGB | rgb(255 99 71) |
| HSL | hsl(9 100% 64%) |
| OKLCH | oklch(69.6% 0.196 32.3) |
| Nearest Tailwind color | red-400 #ff6467, 0.035 away in OKLab |
| White text | 2.95:1: AA fails, AAA fails, large text fails |
| Black text | 7.13:1: AA passes, AAA passes, large text passes |
About tomato
A vivid medium red is the plain description of tomato: OKLCH lightness 69.6%, chroma 0.196, hue 32.3 degrees.
Here HSL's lightness, 64%, lands near OKLCH's 69.6%, which is not true of every color. No CSS keyword matches it; orangered (#ff4500) is the nearest, 0.051 away in OKLab, a clear step off.
Black text on tomato measures 7.13:1, past the 7:1 of WCAG AAA, while white text manages only 2.95:1. Its neighbors in the hue-sorted list of names are lightcoral and rosybrown.
The closest Tailwind 4.3.3 color is red-400, 0.035 away in OKLab, so bg-red-400 comes near; bg-[#ff6347] gives the color itself.
Tints and shades
- #ffe7e1
- #ffcfc3
- #ffb6a5
- #ff9c87
- #ff8168
- #ff6347
- #c84c36
- #943625
- #632116
- #360f08
- #0f0201
From light to dark: 5 toward white and 5 toward black, mixed in OKLCH a sixth of the way at a time with the hue kept. A step that would repeat its neighbor is left out.
A palette around it
- #ff6347
- #0b273b
- #ffe8e1
- #00705c
- #eaa097
Recolor's generator, with tomato locked as swatch 1 and the seed taken from its hex, drew a split-complementary palette, built on the two hues beside its opposite: #0b273b, #ffe8e1, #00705c, #eaa097. Open it in Recolor.
Using tomato
As a text color, tomato on a black page gives the same 7.13:1.
.notice {
background-color: tomato; /* #ff6347 */
color: black; /* 7.13:1 */
}Common questions
Does white text pass WCAG AA on tomato?
No. White text measures 2.95:1 on tomato, under AA's 4.5:1; black text measures 7.13:1 and passes.
Can tomato be written in OKLCH?
Yes: oklch(69.6% 0.196 32.3), computed from #ff6347. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to tomato?
No. The nearest, orangered (#ff4500), is 0.051 away in OKLab, a different color.