Recognised as Colour

#DE781B

#DE781B
Orange
Dark
Nearest: Chocolate

#DE781B is a orange with RGB values 222, 120, 27 and HSL 29°, 78%, 49%. It is a dark colour, so black text on it reaches 6.8:1 contrast (AA for normal text). The nearest named colour is Chocolate.

Colour values

#DE781B#DE781B

HEX#DE781B

RGBrgb(222, 120, 27)

RGB (0–1)0.8706, 0.4706, 0.1059

RGB percentages87.1%, 47.1%, 10.6%

HSLhsl(28.6, 78.3%, 48.8%)

HSV / HSBhsv(28.6, 87.8%, 87.1%)

CMYK0%, 45.9%, 87.8%, 12.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,579,739

CSS custom property--colour: #DE781B;

Brightness & contrast

Relative luminance0.29042WCAG 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.81:1

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

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

Greyscale equivalent#878787

Inverted#2187E4

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

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

Named colours

Chocolate · ΔE 8 Dark orange · ΔE 16 Peru · ΔE 19.2 Coral · ΔE 19.7 Sandy brown · ΔE 23.2 Orange · ΔE 24.1

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

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#1B81DE

Analogous#DE1B20, #DEDA1B

Triadic#1BDE78, #781BDE

Split complementary#1BDEDA, #1B1FDE

Tetradic#1FDE1B, #1B81DE, #D91BDE

Tints, shades & saturation

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

Lighter +40%#F9E1CC

Lighter +30%#F3C79F

Lighter +20%#EEAD71

Lighter +10%#E89244

Darker −10%#B15F15

Darker −20%#834710

Darker −30%#562E0A

Darker −40%#281605

More saturated +25%#F97700

Less saturated −25%#BF793A

Channel breakdown

R222

G120

B27

Red222 (87.1%)

Green120 (47.1%)

Blue27 (10.6%)

Hue28.62°

Saturation (HSL)78.31%

Lightness48.82%

Dominant channelRed

Hex per channelR DE · G 78 · B 1B

Keep nerding

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

#DE781B

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