Radix Colors

Tomato 5

#FFCDC2

CSS Values

CSS Variablevar(--tomato-5)
HEX#FFCDC2
RGBrgb(255, 205, 194)
HSLhsl(11, 100%, 88%)
HSL (modern)hsl(11deg 100% 88%)
OKLCHoklch(88.9% 0.059 33deg)

Dark mode equivalent

Tomato Dark 5
#5E1C16

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.42:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 14.76:1AA: PassAAA: PassAA Large: Pass

Other Tomato steps

Nearest Named Colors

See all
Material Design
deep-orange-100
Ant Design
red-2
Tailwind CSS
red-200
Open Color
red-2
Crayola
desert-sand
Bootstrap 5
red-100
CSS Named
pink
RAL Classic
9018
iOS HIG
quaternary-label
Munsell
5R-8-4