Recognised as Colour

#F51A0E

#F51A0E
Red
Dark
Nearest: Red

#F51A0E is a red with RGB values 245, 26, 14 and HSL 3°, 92%, 51%. 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

#F51A0E#F51A0E

HEX#F51A0E

RGBrgb(245, 26, 14)

RGB (0–1)0.9608, 0.102, 0.0549

RGB percentages96.1%, 10.2%, 5.5%

HSLhsl(3.1, 92%, 50.8%)

HSV / HSBhsv(3.1, 94.3%, 96.1%)

CMYK0%, 89.4%, 94.3%, 3.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer16,062,990

CSS custom property--colour: #F51A0E;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.04:1

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

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

Greyscale equivalent#484848

Inverted#0AE5F1

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

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

Named colours

Red · ΔE 7.1 Orange red · ΔE 11.7 Tomato · ΔE 25.6 Crimson · ΔE 29.2 Firebrick · ΔE 33.7 Coral · ΔE 36.7

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

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#0EE9F5

Analogous#F50E76, #F58E0E

Triadic#0EF51A, #1A0EF5

Split complementary#0EF58E, #0E75F5

Tetradic#76F50E, #0EE9F5, #8E0EF5

Tints, shades & saturation

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

Lighter +40%#FDD4D2

Lighter +30%#FBA6A1

Lighter +20%#F97770

Lighter +10%#F7493F

Darker −10%#C81208

Darker −20%#970E06

Darker −30%#660904

Darker −40%#350502

More saturated +25%#FF1104

Less saturated −25%#D6362D

Channel breakdown

R245

G26

B14

Red245 (96.1%)

Green26 (10.2%)

Blue14 (5.5%)

Hue3.12°

Saturation (HSL)92.03%

Lightness50.78%

Dominant channelRed

Hex per channelR F5 · G 1A · B 0E

Keep nerding

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

#F51A0E

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