Recognised as Colour

#E27C33

#E27C33
Orange
Dark
Nearest: Chocolate

#E27C33 is a orange with RGB values 226, 124, 51 and HSL 25°, 75%, 54%. It is a dark colour, so black text on it reaches 7.2:1 contrast (AAA for normal text). The nearest named colour is Chocolate.

Colour values

#E27C33#E27C33

HEX#E27C33

RGBrgb(226, 124, 51)

RGB (0–1)0.8863, 0.4863, 0.2

RGB percentages88.6%, 48.6%, 20%

HSLhsl(25, 75.1%, 54.3%)

HSV / HSBhsv(25, 77.4%, 88.6%)

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

24-bit integer14,842,931

CSS custom property--colour: #E27C33;

Brightness & contrast

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

Perceived brightness156.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 7.16:1

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

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

Greyscale equivalent#8C8C8C

Inverted#1D83CC

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

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

Named colours

Chocolate · ΔE 7.2 Coral · ΔE 14.2 Peru · ΔE 14.7 Sandy brown · ΔE 18.1 Dark orange · ΔE 21.9 Light salmon · ΔE 24

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

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#3399E2

Analogous#E23341, #E2D333

Triadic#33E27C, #7C33E2

Split complementary#33E2D4, #3341E2

Tetradic#42E233, #3399E2, #D433E2

Tints, shades & saturation

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

Lighter +40%#FBEFE6

Lighter +30%#F5D2B9

Lighter +20%#EFB58C

Lighter +10%#E89960

Darker −10%#C6631C

Darker −20%#994D16

Darker −30%#6D360F

Darker −40%#402009

More saturated +25%#FF7716

Less saturated −25%#C58150

Channel breakdown

R226

G124

B51

Red226 (88.6%)

Green124 (48.6%)

Blue51 (20%)

Hue25.03°

Saturation (HSL)75.11%

Lightness54.31%

Dominant channelRed

Hex per channelR E2 · G 7C · B 33

Keep nerding

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

#E27C33

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