Colour

#F74558

#F74558
Red
Dark
Nearest: Crimson

#F74558 is a red with RGB values 247, 69, 88 and HSL 354°, 92%, 62%. It is a dark colour, so black text on it reaches 5.9:1 contrast (AA for normal text). The nearest named colour is Crimson.

Colour values

#F74558#F74558

HEX#F74558

RGBrgb(247, 69, 88)

RGB (0–1)0.9686, 0.2706, 0.3451

RGB percentages96.9%, 27.1%, 34.5%

HSLhsl(353.6, 91.8%, 62%)

HSV / HSBhsv(353.6, 72.1%, 96.9%)

CMYK0%, 72.1%, 64.4%, 3.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer16,205,144

CSS custom property--colour: #F74558;

Brightness & contrast

Relative luminance0.24735WCAG 2.x, 0 is black and 1 is white

Perceived brightness148.1 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.95:1

Contrast with white3.53:1WCAG normal text: Fail

Contrast with black5.95:1WCAG normal text: AA

Greyscale equivalent#6C6C6C

Inverted#08BAA7

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#777057no red cones; affects about 1% of men; ΔE 71.7 from the original

Deuteranopia#A49653no green cones; the most common form, about 1% of men; ΔE 72.3 from the original

Tritanopia#FF004Eno blue cones; rare, and affects men and women equally; ΔE 14.5 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text3.53:1WCAG large text: AA

Contrast with black, large text5.95:1WCAG large text: AAA

Named colours

Crimson · ΔE 10.8 Tomato · ΔE 19.7 Firebrick · ΔE 22.5 Indian red · ΔE 24.5 Salmon · ΔE 24.8 Brown · ΔE 26.4

Nearest named CSS colourCrimson (#DC143C)ΔE 10.83, a distinctly different colour

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#45F7E4

Analogous#F745B1, #F78B45

Triadic#58F745, #4558F7

Split complementary#45F78B, #45B1F7

Tetradic#B1F745, #45F7E4, #8B45F7

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#FFFFFF

Lighter +30%#FDD8DC

Lighter +20%#FBA7B0

Lighter +10%#F97684

Darker −10%#F5142C

Darker −20%#CD091E

Darker −30%#9C0717

Darker −40%#6B0510

More saturated +25%#FF3D52

Less saturated −25%#DF5D6B

Channel breakdown

R247

G69

B88

Red247 (96.9%)

Green69 (27.1%)

Blue88 (34.5%)

Hue353.6°

Saturation (HSL)91.75%

Lightness61.96%

Dominant channelRed

Hex per channelR F7 · G 45 · B 58

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#F74558

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else