What is the hex code for Rage color?

The hex code for Rage color is #FF1133. Use color: #ff1133; in CSS. This catalog name is not a CSS keyword.

Red · Community color name

Rage Color

Q: What is Rage color?

Rage color is a red named color. The Rage color hex code is #FF1133 (rgb(255, 17, 51)). Rage is mapped to #FF1133 in the Color Names community dataset. Its calculated color family is red; this name is a descriptive catalog label, not a CSS keyword.

Rage color hex code is #FF1133 · rgb(255, 17, 51). Use its HEX value in CSS; this name is a catalog label.

#ff1133

#ff415c

#ff7085

#ffa0ad

#ffcfd6

#e62742

Meaning

Rage is mapped to #FF1133 in the Color Names community dataset. Its calculated color family is red; this name is a descriptive catalog label, not a CSS keyword.

Source

This name and HEX pairing comes from David Aerne's Color Names project, distributed under the MIT license. Other catalogs may associate a similar name with a different HEX.

Usage

Use #ff1133 in CSS, for example color: #ff1133; or background-color: #ff1133;. The name Rage is not a browser-supported CSS color keyword. Check the exact foreground/background pair before using it for text.

Name and HEX reference: Color Names by David Aerne · MIT license.

COLOR EXPLORER

THE ORIGINAL SWATCH#FF1133

100% opacity · sRGB

YOUR NEXT GREAT ACCENT

Rage color

Explore the codes, find a readable pairing, and see how this color feels in a real design.

red family Color Names community dataset

HEX#FF1133

RGBrgb(255, 17, 51)

HSLhsl(351, 100%, 53%)

PUT IT INTO PRACTICE

A color is only half the story.

Try it with another color before you commit.

Open full contrast checker

MAKE ROOM FOR SOMETHING GOOD

A little color. A whole lot of possibility.

Selected text: #FF1133

Preview textText size 24px

CONTRAST RATIO3.90:1

AA · normal text: Fail
AA · large text: Pass
AAA · normal text: Fail

Normal text: AA 4.5:1, AAA 7:1. Large text: AA 3:1 (24px regular or about 19px bold).

Against white3.90:1

Against black5.38:1

Results use the exact pair, at full opacity. WCAG contrast guidance ↗

A color worth keeping? Save it above or share it.

COPY. PASTE. CREATE.

Color codes

HEX

#ff1133

RGB

rgb(255, 17, 51)

HSL

hsl(351, 100%, 53%)

OKLCH

oklch(0.6338 0.2516 24.16)

CMYK

cmyk(0%, 93%, 80%, 0%)

CSS variable

--color-ff1133: #ff1133;

CMYK is an approximate reference; print output depends on the color profile. HSV and CMYK are not CSS color functions.

OKLCH

css

:root {
  --colorff1133-1: #ff1133;
}

Design systems

Nearest official tokens

An arbitrary HEX is not an official Tailwind, Material, or Bootstrap color. Distance is CIEDE2000.

Nearest Tailwind color

red-500

Noticeably different · ΔE 3.77 · #EF4444

Nearest CSS named color

Red

Very different · ΔE 7.48 · #FF0000

Nearest Material color

red-600

Noticeably different · ΔE 4.26 · #E53935

Nearest Bootstrap color

danger

Very different · ΔE 7.17 · #DC3545

Using this color

Where #ff1133 works

Rage color (#ff1133) sits in the red family at about 351° hue, 100% saturation, and 53% lightness. Contrast is 3.9:1 on white and 5.38:1 on black, so near-black labels read more clearly on the swatch itself. Nearest Tailwind token: red-500 (approximation unless the hex is an official scale stop).

Sensible jobs for this swatch

primary buttons and key accents
large titles on light backgrounds (WCAG AA Large)
text or icons on charcoal / dark mode

Do not use #ff1133 as small body text on white — 3.9:1 misses WCAG AA (4.5:1). Pair it with a darker shade from the scale below, or check pairs in the contrast checker.

High chroma can vibrate against complementary hues. If a pairing feels noisy, drop saturation on the background rather than the brand accent.

Family context: Energy, urgency, passion, and excitement. Often used for CTAs, alerts, and brands that want attention. Common uses still include buttons, charts, and accents in the Red range — always verify the pair for this exact hex in the contrast checker.

Related shades & tints of Rage color

#ff415c

rgb(255, 65, 92)

#ff415c

#ff7085

rgb(255, 112, 133)

#ff7085

#ffa0ad

rgb(255, 160, 173)

#ffa0ad

#ffcfd6

rgb(255, 207, 214)

#ffcfd6

#e62742

rgb(230, 39, 66)

#e62742

#cc3d52

rgb(204, 61, 82)

#cc3d52

#b35461

rgb(179, 84, 97)

#b35461

#996a71

rgb(153, 106, 113)

#996a71

Similar colors

#ff0000

rgb(255, 0, 0)

#ff0000

#dc143c

rgb(220, 20, 60)

#dc143c

#ff6347

rgb(255, 99, 71)

#ff6347

#cd5c5c

rgb(205, 92, 92)

#cd5c5c

#ff4500

rgb(255, 69, 0)

#ff4500

#fa8072

rgb(250, 128, 114)

#fa8072

#b22222

rgb(178, 34, 34)

#b22222

#f08080

rgb(240, 128, 128)

#f08080

Browse more named colors like wheat, salmon, and tomato in the color name library.