redwarmCSS named color

Tomato #FF6347

Tomato is a medium, highly saturated warm-toned color with a warm cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Alerts · Attention accents

Open in generator →Colors that go with tomato →

Families: Reds · Coral Colors

Color values

FormatValue
HEX#FF6347
RGBrgb(255, 99, 71)
HSLhsl(9, 100%, 64%)
HSVhsv(9, 72%, 100%)
OKLCHoklch(69.62% 0.196 32.3)
OKLaboklab(69.62% 0.1652 0.1045)
CMYKcmyk(0%, 61.2%, 72.2%, 0%)
XYZxyz(46.8441, 30.6451, 9.4084)
CIE-LABlab(62.2, 57.9, 46.4)
CIE-LCHlch(62.2, 74.2, 38.7°)
Luminance0.306 (WCAG relative)
/* Tomato */ --tomato: #ff6347; color: #ff6347; background-color: #ff6347;

Source: W3C CSS named color. CSS keyword: tomato.

Collections: Vibrant Colors · Neon Colors · Tropical Colors · Sunset Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#e35940 #c7503a #ac4733 #923d2d #793426 #612b20 #49231a #331a14 #1e100c #000000

Tints (toward white)

#ff7558 #ff856a #ff957b #ffa58d #ffb4a0 #ffc3b2 #ffd2c5 #ffe1d8 #fff0eb #ffffff

Tones (toward gray)

#f76a4f #ee7157 #e5775f #dc7c67 #d2816f #c78677 #bd8b7f #b18f86 #a4938e #969696

Color harmonies

Complementary

Edit in generator →
#FF6347
#47E3FF
#ff6347 #47e3ff

Analogous

Edit in generator →
#FF4787
#FF6347
#FFBF47
#ff4787 #ff6347 #ffbf47

Triadic

Edit in generator →
#FF6347
#47FF63
#6347FF
#ff6347 #47ff63 #6347ff

Tetradic

Edit in generator →
#FF6347
#87FF47
#47E3FF
#BF47FF
#ff6347 #87ff47 #47e3ff #bf47ff

Square

Edit in generator →
#FF6347
#87FF47
#47E3FF
#BF47FF
#ff6347 #87ff47 #47e3ff #bf47ff

Split Complementary

Edit in generator →
#FF6347
#47FFBF
#4787FF
#ff6347 #47ffbf #4787ff

Monochromatic

Edit in generator →
#CC1F00
#FF2F0A
#FF6347
#FF9784
#FFCBC1
#cc1f00 #ff2f0a #ff6347 #ff9784 #ffcbc1

Accessibility & contrast

2.95
#FF6347 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
7.13
#FF6347 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on tomato

7.13
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#8E8143
Deuteranopia (green-blind)
#B5A342
Tritanopia (blue-blind)
#FF3D5D

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Orange Pink #FF6F522.29
Melon #FF78554.28
Grapefruit #FD59566.10
Orangey Red #FA42246.12
Orange Red #FD411E6.32
Coral #FF7F507.10

Colors that go with tomato

Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →

Maroon #800000
3.7:1
Same hue family as tomato (Δh 9°) — guaranteed harmony
Warm Beige #E9DCC9
2.2:1
Analogous hue (Δh ≈26°) — neighbors on the color wheel
Deep Blue #040273
5.7:1
Triadic harmony (Δh ≈128°) — balanced three-way contrast
Navy Blue #1B2A4A
4.8:1
Split-complementary angle (Δh ≈148°) — strong but softer than direct complement
Charcoal #36454F
3.4:1
Complementary hue (Δh ≈165°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.