Colour

#FF5012

#FF5012
Orange
Dark
Nearest: Orange red

#FF5012 is a orange with RGB values 255, 80, 18 and HSL 16°, 100%, 54%. 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

#FF5012#FF5012

HEX#FF5012

RGBrgb(255, 80, 18)

RGB (0–1)1, 0.3137, 0.0706

RGB percentages100%, 31.4%, 7.1%

HSLhsl(15.7, 100%, 53.5%)

HSV / HSBhsv(15.7, 92.9%, 100%)

CMYK0%, 68.6%, 92.9%, 0%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer16,732,178

CSS custom property--colour: #FF5012;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.41:1

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

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

Greyscale equivalent#717171

Inverted#00AFED

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#857500no red cones; affects about 1% of men; ΔE 70.2 from the original

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

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

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

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

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

Named colours

Orange red · ΔE 5 Red · ΔE 17.1 Tomato · ΔE 20.8 Coral · ΔE 27.6 Chocolate · ΔE 28.7 Dark orange · ΔE 30.7

Nearest named CSS colourOrange red (#FF4500)ΔE 4.97, a close match

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#12C1FF

Analogous#FF124B, #FFC612

Triadic#12FF50, #5012FF

Split complementary#12FFC6, #124BFF

Tetradic#4BFF12, #12C1FF, #C612FF

Tints, shades & saturation

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

Lighter +40%#FFE7DE

Lighter +30%#FFC1AB

Lighter +20%#FF9B78

Lighter +10%#FF7645

Darker −10%#DE3A00

Darker −20%#AB2D00

Darker −30%#781F00

Darker −40%#451200

More saturated +25%#FF5012

Less saturated −25%#E15E30

Channel breakdown

R255

G80

B18

Red255 (100%)

Green80 (31.4%)

Blue18 (7.1%)

Hue15.7°

Saturation (HSL)100%

Lightness53.53%

Dominant channelRed

Hex per channelR FF · G 50 · B 12

Keep nerding

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

#FF5012

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