Colour

#E1822B

#E1822B
Orange
Dark
Nearest: Chocolate

#E1822B is a orange with RGB values 225, 130, 43 and HSL 29°, 75%, 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

#E1822B#E1822B

HEX#E1822B

RGBrgb(225, 130, 43)

RGB (0–1)0.8824, 0.5098, 0.1686

RGB percentages88.2%, 51%, 16.9%

HSLhsl(28.7, 75.2%, 52.5%)

HSV / HSBhsv(28.7, 80.9%, 88.2%)

CMYK0%, 42.2%, 80.9%, 11.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,778,923

CSS custom property--colour: #E1822B;

Brightness & contrast

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

Perceived brightness159 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 7.43:1

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

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

Greyscale equivalent#909090

Inverted#1E7DD4

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

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

Named colours

Chocolate · ΔE 10.2 Peru · ΔE 14.6 Sandy brown · ΔE 17.9 Dark orange · ΔE 18.5 Coral · ΔE 19.3 Dark goldenrod · ΔE 21.4

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

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#2B8AE1

Analogous#E12B2F, #E1DD2B

Triadic#2BE182, #822BE1

Split complementary#2BE1DD, #2B2FE1

Tetradic#2FE12B, #2B8AE1, #DD2BE1

Tints, shades & saturation

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

Lighter +40%#FAEBDE

Lighter +30%#F4D1B1

Lighter +20%#EEB784

Lighter +10%#E79C58

Darker −10%#BE691B

Darker −20%#915015

Darker −30%#65380E

Darker −40%#381F08

More saturated +25%#FF810D

Less saturated −25%#C38349

Channel breakdown

R225

G130

B43

Red225 (88.2%)

Green130 (51%)

Blue43 (16.9%)

Hue28.68°

Saturation (HSL)75.21%

Lightness52.55%

Dominant channelRed

Hex per channelR E1 · G 82 · B 2B

Keep nerding

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

#E1822B

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