CSS named color
Tomato
#FF6347
HEX
#ff6347RGB
rgb(255, 99, 71)HSL
hsl(9, 100%, 64%)OKLCH
oklch(69.62% 0.1955 32.32)NAME
tomatoPalette
Complementary
180° on the color wheelComplement
#47E3FF
Analogous
±30° around the base hueLeft
#FF4788
Right
#FFBF47
Triadic
±120° for harmonic contrastTriad 1
#47FF63
Triad 2
#6347FF
Shades
Lighter and darker variantsCSS usage
By name
color: tomato;
background-color: tomato;By HEX
color: #ff6347;
background-color: #ff6347;By RGB
color: rgb(255, 99, 71);
background-color: rgb(255, 99, 71);By HSL
color: hsl(9, 100%, 64%);
background-color: hsl(9, 100%, 64%);WCAG contrast vs white
Aa
2.95:1
Below minimum
WCAG contrast vs black
Aa
7.13:1
AAA
Related colors
FAQ — Tomato
What is the HEX code for Tomato?
The HEX code for Tomato is #FF6347. It's one of the 148 named CSS colors and can be used directly in CSS as color: tomato; or color: #ff6347;
What is Tomato in RGB?
Tomato in RGB is rgb(255, 99, 71) — red 255, green 99, blue 71.
What is Tomato in HSL?
Tomato in HSL is hsl(9, 100%, 64%) — hue 9°, saturation 100%, lightness 64%.
What is the complementary color of Tomato?
The complementary color (directly opposite Tomato on the color wheel) is #47E3FF. The two together produce maximum contrast.
Is white text readable on Tomato?
The WCAG contrast ratio against white (#FFFFFF) is 2.95:1, and against black (#000000) it's 7.13:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.