Colour

#E84D0E

#E84D0E
Orange
Dark
Nearest: Orange red

#E84D0E is a orange with RGB values 232, 77, 14 and HSL 17°, 89%, 48%. It is a dark colour, so black text on it reaches 5.5:1 contrast (AA for normal text). The nearest named colour is Orange red.

Colour values

#E84D0E#E84D0E

HEX#E84D0E

RGBrgb(232, 77, 14)

RGB (0–1)0.9098, 0.302, 0.0549

RGB percentages91%, 30.2%, 5.5%

HSLhsl(17.3, 88.6%, 48.2%)

HSV / HSBhsv(17.3, 94%, 91%)

CMYK0%, 66.8%, 94%, 9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer15,224,078

CSS custom property--colour: #E84D0E;

Brightness & contrast

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

Perceived brightness140 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.5:1

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

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

Greyscale equivalent#696969

Inverted#17B2F1

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#7C6C00no red cones; affects about 1% of men; ΔE 62.9 from the original

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

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

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

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

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

Named colours

Orange red · ΔE 12.5 Tomato · ΔE 17.5 Chocolate · ΔE 21.4 Red · ΔE 23 Coral · ΔE 23 Dark orange · ΔE 28.9

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

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#0EA9E8

Analogous#E80E3C, #E8BA0E

Triadic#0EE84D, #4D0EE8

Split complementary#0EE8BA, #0E3CE8

Tetradic#3CE80E, #0EA9E8, #BA0EE8

Tints, shades & saturation

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

Lighter +40%#FCD6C6

Lighter +30%#F9B396

Lighter +20%#F69066

Lighter +10%#F36D36

Darker −10%#B83D0B

Darker −20%#882D08

Darker −30%#581D05

Darker −40%#280D02

More saturated +25%#F64700

Less saturated −25%#C95A2D

Channel breakdown

R232

G77

B14

Red232 (91%)

Green77 (30.2%)

Blue14 (5.5%)

Hue17.34°

Saturation (HSL)88.62%

Lightness48.24%

Dominant channelRed

Hex per channelR E8 · G 4D · B 0E

Keep nerding

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

#E84D0E

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