Recognised as Colour

#F31B01

#F31B01
Red
Dark
Nearest: Red

#F31B01 is a red with RGB values 243, 27, 1 and HSL 6°, 99%, 48%. It is a dark colour, so black text on it reaches 5:1 contrast (AA for normal text). The nearest named colour is Red.

Colour values

#F31B01#F31B01

HEX#F31B01

RGBrgb(243, 27, 1)

RGB (0–1)0.9529, 0.1059, 0.0039

RGB percentages95.3%, 10.6%, 0.4%

HSLhsl(6.4, 99.2%, 47.8%)

HSV / HSBhsv(6.4, 99.6%, 95.3%)

CMYK0%, 88.9%, 99.6%, 4.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer15,932,161

CSS custom property--colour: #F31B01;

Brightness & contrast

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

Perceived brightness134.5 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.97:1

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

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

Greyscale equivalent#474747

Inverted#0CE4FE

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#6B5E00no red cones; affects about 1% of men; ΔE 81.4 from the original

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

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

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

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

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

Named colours

Red · ΔE 6.2 Orange red · ΔE 9.9 Tomato · ΔE 27.1 Crimson · ΔE 31.8 Firebrick · ΔE 35.3 Coral · ΔE 37.4

Nearest named CSS colourRed (#FF0000)ΔE 6.16, clearly different but related

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#01D9F3

Analogous#F30160, #F39401

Triadic#01F31B, #1B01F3

Split complementary#01F394, #0160F3

Tetradic#60F301, #01D9F3, #9401F3

Tints, shades & saturation

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

Lighter +40%#FFC8C1

Lighter +30%#FF9B8E

Lighter +20%#FE6D5C

Lighter +10%#FE4029

Darker −10%#C01501

Darker −20%#8D1001

Darker −30%#5B0A00

Darker −40%#280400

More saturated +25%#F41A00

Less saturated −25%#D43320

Channel breakdown

R243

G27

Red243 (95.3%)

Green27 (10.6%)

Blue1 (0.4%)

Hue6.45°

Saturation (HSL)99.18%

Lightness47.84%

Dominant channelRed

Hex per channelR F3 · G 1B · B 01

Keep nerding

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

#F31B01

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