Recognised as Colour

#E16F2C

#E16F2C
Orange
Dark
Nearest: Chocolate

#E16F2C is a orange with RGB values 225, 111, 44 and HSL 22°, 75%, 53%. It is a dark colour, so black text on it reaches 6.5:1 contrast (AA for normal text). The nearest named colour is Chocolate.

Colour values

#E16F2C#E16F2C

HEX#E16F2C

RGBrgb(225, 111, 44)

RGB (0–1)0.8824, 0.4353, 0.1725

RGB percentages88.2%, 43.5%, 17.3%

HSLhsl(22.2, 75.1%, 52.7%)

HSV / HSBhsv(22.2, 80.4%, 88.2%)

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

24-bit integer14,774,060

CSS custom property--colour: #E16F2C;

Brightness & contrast

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

Perceived brightness150.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.51:1

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

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

Greyscale equivalent#828282

Inverted#1E90D3

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#907F22no red cones; affects about 1% of men; ΔE 45.1 from the original

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

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

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

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

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

Named colours

Chocolate · ΔE 5 Coral · ΔE 12 Tomato · ΔE 19.8 Peru · ΔE 20.4 Dark orange · ΔE 22.9 Sandy brown · ΔE 24

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

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#2C9EE1

Analogous#E12C44, #E1CA2C

Triadic#2CE16F, #6F2CE1

Split complementary#2CE1CA, #2C43E1

Tetradic#44E12C, #2C9EE1, #CA2CE1

Tints, shades & saturation

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

Lighter +40%#FAE9DF

Lighter +30%#F4CAB2

Lighter +20%#EEAC85

Lighter +10%#E78D59

Darker −10%#BF581B

Darker −20%#924315

Darker −30%#662F0E

Darker −40%#391A08

More saturated +25%#FF670E

Less saturated −25%#C3774A

Channel breakdown

R225

G111

B44

Red225 (88.2%)

Green111 (43.5%)

Blue44 (17.3%)

Hue22.21°

Saturation (HSL)75.1%

Lightness52.75%

Dominant channelRed

Hex per channelR E1 · G 6F · B 2C

Keep nerding

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

#E16F2C

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