F44336 (Red 500) — RGB, HSL, CMYK and Contrast

Q: What text colour should sit on F44336?

Black gives 5.70:1 and white gives 3.68:1, so black wins at 5.70:1. That clears the 4.5:1 AA threshold for normal text, but not the 7:1 AAA threshold.

Every value recomputed from the hex code · WCAG 2.1 contrast ratios

A red at 58% lightness and 90% saturation, which puts it at 3.68:1 against white and 5.70: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.

F44336

Notation conversions

Notation	Value
HEX	`F44336`
RGB	rgb(244, 67, 54)
HSL	hsl(4, 90%, 58%)
CMYK	cmyk(0%, 73%, 78%, 4%)
Relative luminance	0.2351
Perceived brightness	46.4 / 100

R=244 G=67 B=54 · hue 4.1° · saturation 89.6% · lightness 58.4%

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.68:1	fail	pass	fail
#000000	`black`	5.70: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	`#891008`	hsl(4, 90%, 28%)	9.81:1
shade -20	`#ba160a`	hsl(4, 90%, 38%)	6.55:1
shade -10	`#ea1c0d`	hsl(4, 90%, 48%)	4.50:1
tint +10	`#f77066`	hsl(4, 90%, 68%)	2.81:1
tint +20	`#f99d97`	hsl(4, 90%, 78%)	2.04:1
tint +30	`#fccbc7`	hsl(4, 90%, 88%)	1.45:1

Harmonies

Scheme	Hex
Complementary	`#36e7f4`
Analogous −30	`#f43688`
Analogous +30	`#f4a236`
Triadic −120	`#4336f4`
Triadic +120	`#36f443`

Measured rather than eyeballed: hue 4.1°, saturation 89.6%, lightness 58.4%, relative luminance 0.2351 — four decimals is the precision the WCAG formula actually needs — and perceived brightness 46.4 out of 100. Entry 5 of 69 in this library, it scores 3.68:1 on white and 5.70:1 on black, a 2.02 spread. The complementary #36e7f4 sits 180° away on the wheel, and the scale brackets it with #891008 below and #fccbc7 above.

Nearby colours

DC143C crimson FF0000 red FF5722 Deep Orange 500 FF6347 tomato FA8072 salmon 795548 Brown 500

Frequently asked questions

What text colour should sit on F44336?
Black gives 5.70:1 and white gives 3.68:1, so black wins at 5.70: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.