Recognised as Colour

#F22A0E

#F22A0E
Red
Dark
Nearest: Orange red

#F22A0E is a red with RGB values 242, 42, 14 and HSL 7°, 90%, 50%. It is a dark colour, so black text on it reaches 5.1:1 contrast (AA for normal text). The nearest named colour is Orange red.

Colour values

#F22A0E#F22A0E

HEX#F22A0E

RGBrgb(242, 42, 14)

RGB (0–1)0.949, 0.1647, 0.0549

RGB percentages94.9%, 16.5%, 5.5%

HSLhsl(7.4, 89.8%, 50.2%)

HSV / HSBhsv(7.4, 94.2%, 94.9%)

CMYK0%, 82.6%, 94.2%, 5.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer15,870,478

CSS custom property--colour: #F22A0E;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.11:1

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

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

Greyscale equivalent#525252

Inverted#0DD5F1

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

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

Named colours

Orange red · ΔE 9.5 Red · ΔE 10 Tomato · ΔE 22.9 Crimson · ΔE 28.8 Firebrick · ΔE 31.9 Coral · ΔE 33.5

Nearest named CSS colourOrange red (#FF4500)ΔE 9.53, clearly different but related

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#0ED6F2

Analogous#F20E64, #F29C0E

Triadic#0EF22A, #2A0EF2

Split complementary#0EF29C, #0E64F2

Tetradic#64F20E, #0ED6F2, #9C0EF2

Tints, shades & saturation

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

Lighter +40%#FCD5D0

Lighter +30%#FAAA9F

Lighter +20%#F7806F

Lighter +10%#F5553E

Darker −10%#C3210A

Darker −20%#921908

Darker −30%#621105

Darker −40%#310803

More saturated +25%#FF2001

Less saturated −25%#D2422E

Channel breakdown

R242

G42

B14

Red242 (94.9%)

Green42 (16.5%)

Blue14 (5.5%)

Hue7.37°

Saturation (HSL)89.76%

Lightness50.2%

Dominant channelRed

Hex per channelR F2 · G 2A · B 0E

Keep nerding

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

#F22A0E

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