Colour

#E27330

#E27330
Orange
Dark
Nearest: Chocolate

#E27330 is a orange with RGB values 226, 115, 48 and HSL 23°, 75%, 54%. It is a dark colour, so black text on it reaches 6.7:1 contrast (AA for normal text). The nearest named colour is Chocolate.

Colour values

#E27330#E27330

HEX#E27330

RGBrgb(226, 115, 48)

RGB (0–1)0.8863, 0.451, 0.1882

RGB percentages88.6%, 45.1%, 18.8%

HSLhsl(22.6, 75.4%, 53.7%)

HSV / HSBhsv(22.6, 78.8%, 88.6%)

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

24-bit integer14,840,624

CSS custom property--colour: #E27330;

Brightness & contrast

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

Perceived brightness152.6 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.73:1

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

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

Greyscale equivalent#868686

Inverted#1D8CCF

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

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

Named colours

Chocolate · ΔE 5.4 Coral · ΔE 11.7 Peru · ΔE 18.6 Tomato · ΔE 20.7 Sandy brown · ΔE 22.1 Dark orange · ΔE 23

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

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#309FE2

Analogous#E23046, #E2CC30

Triadic#30E273, #7330E2

Split complementary#30E2CC, #3046E2

Tetradic#46E230, #309FE2, #CC30E2

Tints, shades & saturation

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

Lighter +40%#FBECE3

Lighter +30%#F5CEB6

Lighter +20%#EFB089

Lighter +10%#E8915D

Darker −10%#C45B1B

Darker −20%#974615

Darker −30%#6A310F

Darker −40%#3D1C09

More saturated +25%#FF6C13

Less saturated −25%#C47A4E

Channel breakdown

R226

G115

B48

Red226 (88.6%)

Green115 (45.1%)

Blue48 (18.8%)

Hue22.58°

Saturation (HSL)75.42%

Lightness53.73%

Dominant channelRed

Hex per channelR E2 · G 73 · B 30

Keep nerding

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

#E27330

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