Huebook

Rage Analogous Color Scheme

Five colors arranged by the analogous rule around Rage (#FF1133), each snapped to its nearest named color.

#DD11FF
#FF1CAE
#FF1133
#FF6611
#FFDD11

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Pinkman#DD11FF221, 17, 255291°, 100%, 53%13, 93, 0, 065.4% 0.308 321
Spicy Pink#FF1CAE255, 28, 174321°, 100%, 55%0, 89, 32, 066.7% 0.269 349
Rage#FF1133255, 17, 51351°, 100%, 53%0, 93, 80, 063.4% 0.252 24
Orange Piñata#FF6611255, 102, 1721°, 100%, 53%0, 60, 93, 069.6% 0.203 43
Gingerline#FFDD11255, 221, 1751°, 100%, 53%0, 13, 93, 089.9% 0.184 98

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FF1133 on #FFDD112.90:1—
Aa #DD11FF on #FFDD112.79:1—
Aa #FF1CAE on #FFDD112.59:1—
Aa #FF6611 on #FFDD112.18:1—
Aa #FF1133 on #FF66111.33:1—
Aa #DD11FF on #FF66111.28:1—

CSS variables

:root {
  --color-1: #dd11ff; /* Pinkman */
  --color-2: #ff1cae; /* Spicy Pink */
  --color-3: #ff1133; /* Rage */
  --color-4: #ff6611; /* Orange Piñata */
  --color-5: #ffdd11; /* Gingerline */
}

Other schemes from Rage

More medium red analogous color schemes

Questions

What colors go with Rage?

In a analogous scheme: Pinkman (#DD11FF), Spicy Pink (#FF1CAE), Orange Piñata (#FF6611), Gingerline (#FFDD11).

What is the hex code of Rage?

#FF1133.