Recognised as Colour

#E45C00

#E45C00
Orange
Dark
Nearest: Chocolate

#E45C00 is a orange with RGB values 228, 92, 0 and HSL 24°, 100%, 45%. It is a dark colour, so black text on it reaches 5.8:1 contrast (AA for normal text). The nearest named colour is Chocolate.

Colour values

#E45C00#E45C00

HEX#E45C00

RGBrgb(228, 92, 0)

RGB (0–1)0.8941, 0.3608, 0

RGB percentages89.4%, 36.1%, 0%

HSLhsl(24.2, 100%, 44.7%)

HSV / HSBhsv(24.2, 100%, 89.4%)

CMYK0%, 59.6%, 100%, 10.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,965,760

CSS custom property--colour: #E45C00;

Brightness & contrast

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

Perceived brightness143.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.83:1

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

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

Greyscale equivalent#727272

Inverted#1BA3FF

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

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

Named colours

Chocolate · ΔE 15.6 Orange red · ΔE 18.3 Dark orange · ΔE 21 Tomato · ΔE 21.7 Coral · ΔE 21.8 Red · ΔE 30.5

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

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#0088E4

Analogous#E40016, #E4CE00

Triadic#00E45C, #5C00E4

Split complementary#00E4CE, #0016E4

Tetradic#16E400, #0088E4, #CE00E4

Tints, shades & saturation

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

Lighter +40%#FFD0B1

Lighter +30%#FFB27E

Lighter +20%#FF944B

Lighter +10%#FF7518

Darker −10%#B14700

Darker −20%#7E3300

Darker −30%#4B1E00

Darker −40%#180A00

More saturated +25%#E45C00

Less saturated −25%#C8621C

Channel breakdown

R228

G92

Red228 (89.4%)

Green92 (36.1%)

Blue0 (0%)

Hue24.21°

Saturation (HSL)100%

Lightness44.71%

Dominant channelRed

Hex per channelR E4 · G 5C · B 00

Keep nerding

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

#E45C00

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