01
#FFFCFCApp background
red-1
Radix Red 1- RGB
rgb(255 252 252)- Black text
- 20.58:1
- White text
- 1.02:1
← Back to color catalog
Interface warning calibration
Radix Red, calibrated—not assumed.
A source-verified twelve-step red scale, arranged as an interface instrument. Inspect exact roles and contrast before assigning error, rejection, danger, or destructive meaning in a real product.
- Scale steps
- 01—12
- Documented roles
- 12
- Version
- 3.0.0
- 01
#FFFCFC - 02
#FFF7F7 - 03
#FEEBEC - 04
#FFDBDC - 05
#FFCDCE - 06
#FDBDBE - 07
#F4A9AA - 08
#EB8E90 - 09
#E5484D - 10
#DC3E42 - 11
#CE2C31 - 12
#641723
Step 9 is the solid-background anchor in the scale—not an automatic accessibility or semantic guarantee.
Pinned provenance
The exact opaque light Red export, frozen at 3.0.0.
This reference contains only Red 1–12 from the opaque light sRGB export of @radix-ui/colors 3.0.0. Dark, alpha and P3 variants are outside its scope.
Hexees is an independent reference and is not affiliated with or endorsed by WorkOS or Radix.
- Version
- @radix-ui/colors 3.0.0
- Source
- Versioned package export
- License
- MIT
Measured role ledger
Twelve steps grouped by interface job.
Source order is preserved inside three functional ranges. Every row combines the documented role, exact sRGB value and calculated black-or-white text contrast.
Surfaces · 01—05
Inspect canonical color
02
#FFF7F7Subtle background
red-2
Radix Red 2- RGB
rgb(255 247 247)- Black text
- 19.90:1
- White text
- 1.06:1
More formats
03
#FEEBECComponent background
red-3
Radix Red 3- RGB
rgb(254 235 236)- Black text
- 18.31:1
- White text
- 1.15:1
More formats
04
#FFDBDCHovered component
red-4
Radix Red 4- RGB
rgb(255 219 220)- Black text
- 16.42:1
- White text
- 1.28:1
More formats
05
#FFCDCEActive component
red-5
Radix Red 5- RGB
rgb(255 205 206)- Black text
- 14.88:1
- White text
- 1.41:1
More formats
Borders · 06—08
06
#FDBDBESubtle border
red-6
Radix Red 6- RGB
rgb(253 189 190)- Black text
- 13.20:1
- White text
- 1.59:1
More formats
07
#F4A9AAInteractive border
red-7
Radix Red 7- RGB
rgb(244 169 170)- Black text
- 11.10:1
- White text
- 1.89:1
More formats
08
#EB8E90Strong border or focus ring
red-8
Radix Red 8- RGB
rgb(235 142 144)- Black text
- 8.80:1
- White text
- 2.39:1
More formats
Solid and text · 09—12
09
#E5484DSolid background
red-9
Radix Red 9- RGB
rgb(229 72 77)- Black text
- 5.37:1
- White text
- 3.91:1
More formats
10
#DC3E42Hovered solid background
red-10
Radix Red 10- RGB
rgb(220 62 66)- Black text
- 4.81:1
- White text
- 4.37:1
More formats
11
#CE2C31Low-contrast text
red-11
Radix Red 11- RGB
rgb(206 44 49)- Black text
- 4.03:1
- White text
- 5.21:1
More formats
12
#641723High-contrast text
red-12
Radix Red 12- RGB
rgb(100 23 35)- Black text
- 1.69:1
- White text
- 12.44:1
More formats
Use with evidence
A warning color still needs context.
The collection is indexable only when all twelve values match the frozen manifest. Individual token pages remain noindex; Red 9 keeps its existing canonical identity.
A red hue alone cannot communicate an error or danger. Pair it with text or another cue, and test actual type, adjacent surfaces, borders, focus and interaction states.