Colour

#F01A17

#F01A17
Red
Dark
Nearest: Red

#F01A17 is a red with RGB values 240, 26, 23 and HSL 1°, 88%, 52%. It is a dark colour, so black text on it reaches 4.9:1 contrast (AA for normal text). The nearest named colour is Red.

Colour values

#F01A17#F01A17

HEX#F01A17

RGBrgb(240, 26, 23)

RGB (0–1)0.9412, 0.102, 0.0902

RGB percentages94.1%, 10.2%, 9%

HSLhsl(0.8, 87.9%, 51.6%)

HSV / HSBhsv(0.8, 90.4%, 94.1%)

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

24-bit integer15,735,319

CSS custom property--colour: #F01A17;

Brightness & contrast

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

Perceived brightness133 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.87:1

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

Contrast with black4.87:1WCAG normal text: AA

Greyscale equivalent#474747

Inverted#0FE5E8

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#695D10no red cones; affects about 1% of men; ΔE 80.5 from the original

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

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

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

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

Contrast with black, large text4.87:1WCAG large text: AAA

Named colours

Red · ΔE 11.2 Orange red · ΔE 14.4 Tomato · ΔE 22.9 Crimson · ΔE 24.8 Firebrick · ΔE 29.8 Coral · ΔE 34.7

Nearest named CSS colourRed (#FF0000)ΔE 11.23, a distinctly different colour

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#17EDF0

Analogous#F01781, #F08617

Triadic#17F01A, #1A17F0

Split complementary#17F086, #1781F0

Tetradic#81F017, #17EDF0, #8617F0

Tints, shades & saturation

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

Lighter +40%#FCD7D7

Lighter +30%#F9A8A7

Lighter +20%#F67977

Lighter +10%#F34947

Darker −10%#C70F0D

Darker −20%#970C0A

Darker −30%#670807

Darker −40%#370404

More saturated +25%#FF0B08

Less saturated −25%#D13836

Channel breakdown

R240

G26

B23

Red240 (94.1%)

Green26 (10.2%)

Blue23 (9%)

Hue0.83°

Saturation (HSL)87.85%

Lightness51.57%

Dominant channelRed

Hex per channelR F0 · G 1A · B 17

Keep nerding

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

#F01A17

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