Colour

#E76314

#E76314
Orange
Dark
Nearest: Chocolate

#E76314 is a orange with RGB values 231, 99, 20 and HSL 22°, 84%, 49%. It is a dark colour, so black text on it reaches 6.2:1 contrast (AA for normal text). The nearest named colour is Chocolate.

Colour values

#E76314#E76314

HEX#E76314

RGBrgb(231, 99, 20)

RGB (0–1)0.9059, 0.3882, 0.0784

RGB percentages90.6%, 38.8%, 7.8%

HSLhsl(22.5, 84.1%, 49.2%)

HSV / HSBhsv(22.5, 91.3%, 90.6%)

CMYK0%, 57.1%, 91.3%, 9.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer15,164,180

CSS custom property--colour: #E76314;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.19:1

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

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

Greyscale equivalent#797979

Inverted#189CEB

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

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

Named colours

Chocolate · ΔE 12.6 Coral · ΔE 18.1 Tomato · ΔE 19.7 Dark orange · ΔE 20.3 Orange red · ΔE 20.8 Peru · ΔE 30.6

Nearest named CSS colourChocolate (#D2691E)ΔE 12.59, a distinctly different colour

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#1498E7

Analogous#E7142E, #E7CD14

Triadic#14E763, #6314E7

Split complementary#14E7CD, #142EE7

Tetradic#2EE714, #1498E7, #CD14E7

Tints, shades & saturation

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

Lighter +40%#FBDECC

Lighter +30%#F7BF9D

Lighter +20%#F2A06F

Lighter +10%#EE8140

Darker −10%#B84F10

Darker −20%#893B0C

Darker −30%#5A2708

Darker −40%#2B1304

More saturated +25%#FB5E00

Less saturated −25%#C86B33

Channel breakdown

R231

G99

B20

Red231 (90.6%)

Green99 (38.8%)

Blue20 (7.8%)

Hue22.46°

Saturation (HSL)84.06%

Lightness49.22%

Dominant channelRed

Hex per channelR E7 · G 63 · B 14

Keep nerding

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

#E76314

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