Recognised as Colour

#F02748

#F02748
Red
Dark
Nearest: Crimson

#F02748 is a red with RGB values 240, 39, 72 and HSL 350°, 87%, 55%. It is a dark colour, so black text on it reaches 5.1:1 contrast (AA for normal text). The nearest named colour is Crimson.

Colour values

#F02748#F02748

HEX#F02748

RGBrgb(240, 39, 72)

RGB (0–1)0.9412, 0.1529, 0.2824

RGB percentages94.1%, 15.3%, 28.2%

HSLhsl(350.1, 87%, 54.7%)

HSV / HSBhsv(350.1, 83.8%, 94.1%)

CMYK0%, 83.8%, 70%, 5.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer15,738,696

CSS custom property--colour: #F02748;

Brightness & contrast

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

Perceived brightness136.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.09:1

Contrast with white4.13:1WCAG normal text: Fail

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

Greyscale equivalent#545454

Inverted#0FD8B7

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#9A8C41no green cones; the most common form, about 1% of men; ΔE 78.4 from the original

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

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

Contrast with white, large text4.13:1WCAG large text: AA

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

Named colours

Crimson · ΔE 5.8 Firebrick · ΔE 22.1 Tomato · ΔE 22.2 Brown · ΔE 28 Indian red · ΔE 30.7 Salmon · ΔE 32.1

Nearest named CSS colourCrimson (#DC143C)ΔE 5.79, clearly different but related

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#27F0CF

Analogous#F027AD, #F06A27

Triadic#48F027, #2748F0

Split complementary#27F06A, #27ADF0

Tetradic#ADF027, #27F0CF, #6A27F0

Tints, shades & saturation

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

Lighter +40%#FDE6EA

Lighter +30%#FAB6C1

Lighter +20%#F78699

Lighter +10%#F35770

Darker −10%#D50F2F

Darker −20%#A60B25

Darker −30%#76081A

Darker −40%#460510

More saturated +25%#FF183E

Less saturated −25%#D3445B

Channel breakdown

R240

G39

B72

Red240 (94.1%)

Green39 (15.3%)

Blue72 (28.2%)

Hue350.15°

Saturation (HSL)87.01%

Lightness54.71%

Dominant channelRed

Hex per channelR F0 · G 27 · B 48

Keep nerding

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

#F02748

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