Colour

#E2812A

#E2812A
Orange
Dark
Nearest: Chocolate

#E2812A is a orange with RGB values 226, 129, 42 and HSL 28°, 76%, 53%. It is a dark colour, so black text on it reaches 7.4:1 contrast (AAA for normal text). The nearest named colour is Chocolate.

Colour values

#E2812A#E2812A

HEX#E2812A

RGBrgb(226, 129, 42)

RGB (0–1)0.8863, 0.5059, 0.1647

RGB percentages88.6%, 50.6%, 16.5%

HSLhsl(28.4, 76%, 52.5%)

HSV / HSBhsv(28.4, 81.4%, 88.6%)

CMYK0%, 42.9%, 81.4%, 11.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,844,202

CSS custom property--colour: #E2812A;

Brightness & contrast

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

Perceived brightness158.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 7.41:1

Contrast with white2.84:1WCAG normal text: Fail

Contrast with black7.41:1WCAG normal text: AAA

Greyscale equivalent#8F8F8F

Inverted#1D7ED5

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#9E8C1Bno red cones; affects about 1% of men; ΔE 36.8 from the original

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

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

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

Contrast with white, large text2.84:1WCAG large text: Fail

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

Named colours

Chocolate · ΔE 9.7 Peru · ΔE 15.4 Dark orange · ΔE 17.9 Sandy brown · ΔE 18.6 Coral · ΔE 18.8 Dark goldenrod · ΔE 22.2

Nearest named CSS colourChocolate (#D2691E)ΔE 9.71, clearly different but related

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#2A8BE2

Analogous#E22A2F, #E2DD2A

Triadic#2AE281, #812AE2

Split complementary#2AE2DD, #2A2FE2

Tetradic#2FE22A, #2A8BE2, #DD2AE2

Tints, shades & saturation

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

Lighter +40%#FAEBDE

Lighter +30%#F4D1B1

Lighter +20%#EEB684

Lighter +10%#E89C57

Darker −10%#BF681A

Darker −20%#925014

Darker −30%#65370E

Darker −40%#381F08

More saturated +25%#FF7F0D

Less saturated −25%#C48348

Channel breakdown

R226

G129

B42

Red226 (88.6%)

Green129 (50.6%)

Blue42 (16.5%)

Hue28.37°

Saturation (HSL)76.03%

Lightness52.55%

Dominant channelRed

Hex per channelR E2 · G 81 · B 2A

Keep nerding

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

#E2812A

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