Colour

#F26001

#F26001
Orange
Dark
Nearest: Orange red

#F26001 is a orange with RGB values 242, 96, 1 and HSL 24°, 99%, 48%. It is a dark colour, so black text on it reaches 6.4:1 contrast (AA for normal text). The nearest named colour is Orange red.

Colour values

#F26001#F26001

HEX#F26001

RGBrgb(242, 96, 1)

RGB (0–1)0.949, 0.3765, 0.0039

RGB percentages94.9%, 37.6%, 0.4%

HSLhsl(23.7, 99.2%, 47.6%)

HSV / HSBhsv(23.7, 99.6%, 94.9%)

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

24-bit integer15,884,289

CSS custom property--colour: #F26001;

Brightness & contrast

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

Perceived brightness151.4 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.45:1

Contrast with white3.26:1WCAG normal text: Fail

Contrast with black6.45:1WCAG normal text: AA

Greyscale equivalent#787878

Inverted#0D9FFE

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#8B7A00no red cones; affects about 1% of men; ΔE 59.2 from the original

Deuteranopia#AF9B00no green cones; the most common form, about 1% of men; ΔE 59.1 from the original

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

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

Contrast with white, large text3.26:1WCAG large text: AA

Contrast with black, large text6.45:1WCAG large text: AAA

Named colours

Orange red · ΔE 14.8 Chocolate · ΔE 20 Dark orange · ΔE 20.5 Tomato · ΔE 22.6 Coral · ΔE 23.6 Red · ΔE 27.7

Nearest named CSS colourOrange red (#FF4500)ΔE 14.84, a distinctly different colour

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#0193F2

Analogous#F2011B, #F2D801

Triadic#01F260, #6001F2

Split complementary#01F2D8, #011BF2

Tetradic#1BF201, #0193F2, #D801F2

Tints, shades & saturation

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

Lighter +40%#FFD9C0

Lighter +30%#FFBA8D

Lighter +20%#FE9B5B

Lighter +10%#FE7C28

Darker −10%#BF4C01

Darker −20%#8C3801

Darker −30%#5A2400

Darker −40%#270F00

More saturated +25%#F36000

Less saturated −25%#D4661F

Channel breakdown

R242

G96

Red242 (94.9%)

Green96 (37.6%)

Blue1 (0.4%)

Hue23.65°

Saturation (HSL)99.18%

Lightness47.65%

Dominant channelRed

Hex per channelR F2 · G 60 · B 01

Keep nerding

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

#F26001

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