ColrShiftFF5722 (Deep Orange 500) — RGB, HSL, CMYK and Contrast
A red at 57% lightness and 100% saturation, which puts it at 3.16:1 against white and 6.64:1 against black. The tables below give the notation conversions, the tints and shades that keep the hue intact, and the harmonies that pair with it.
Notation conversions
| Notation | Value |
|---|---|
| HEX | FF5722 |
| RGB | rgb(255, 87, 34) |
| HSL | hsl(14, 100%, 57%) |
| CMYK | cmyk(0%, 66%, 87%, 0%) |
| Relative luminance | 0.2819 |
| Perceived brightness | 51.4 / 100 |
Contrast against pure white and pure black
Pair this colour with the two extremes to see which is the safer text partner. AA needs 4.5:1 for body text and 3:1 for large text; AAA raises that to 7:1 and 4.5:1.
| Against | Hex | Ratio | AA text | AA large | AAA text |
|---|---|---|---|---|---|
| #FFFFFF | white | 3.16:1 | fail | pass | fail |
| #000000 | black | 6.64:1 | pass | pass | fail |
Tints and shades
Lightness moves in ten-point steps while hue and saturation stay fixed, which keeps the colour recognisable in a scale. The last column is the ratio against white text, useful for deciding where a scale stops working as a background.
| Step | Hex | HSL | vs white text |
|---|---|---|---|
| shade -30 | #882100 | hsl(14, 100%, 27%) | 9.27:1 |
| shade -20 | #bb2d00 | hsl(14, 100%, 37%) | 6.02:1 |
| shade -10 | #ee3900 | hsl(14, 100%, 47%) | 4.02:1 |
| tint +10 | #ff7e55 | hsl(14, 100%, 67%) | 2.51:1 |
| tint +20 | #ffa588 | hsl(14, 100%, 77%) | 1.91:1 |
| tint +30 | #ffcbbb | hsl(14, 100%, 87%) | 1.45:1 |
Harmonies
| Scheme | Hex |
|---|---|
| Complementary | #22caff |
| Analogous −30 | #ff225b |
| Analogous +30 | #ffc522 |
| Triadic −120 | #5722ff |
| Triadic +120 | #22ff57 |
Take the channels apart and the numbers hold together: 255, 87 and 34 average 125, the strongest channel is 255 and the weakest 34, and that span is what pushes saturation to 100.0% at hue 14.4° and lightness 56.7%. Luminance 0.2819 with perceived brightness 51.4 out of 100 is why the white ratio (3.16:1) and the black ratio (6.64:1) diverge by 3.47. Entry 4 of 69, it steps to #882100 at minus thirty and #ffcbbb at plus thirty.
Nearby colours
Frequently asked questions
What text colour should sit on FF5722?
Black gives 6.64:1 and white gives 3.16:1, so black wins at 6.64:1. That clears the 4.5:1 AA threshold for normal text, but not the 7:1 AAA threshold.
Do the CMYK numbers match a print workflow?
They are the naive conversion from RGB, which assumes no ink limit, no colour profile and no black generation strategy. Real print work needs a profile-aware conversion; the values here are the ones the converter reports and are best used as a starting point for a designer rather than a press-ready separations file.
Convert any other colour, or test a pair against each other, in the ColrShift colour converter and contrast checker. The colour library groups every entry on this site by hue family.