Recognised as Colour

#7D4E36

#7D4E36
Orange
Dark
Nearest: Sienna

#7D4E36 is a orange with RGB values 125, 78, 54 and HSL 20°, 40%, 35%. It is a dark colour, so white text on it reaches 7:1 contrast (AA for normal text). The nearest named colour is Sienna.

Colour values

#7D4E36#7D4E36

HEX#7D4E36

RGBrgb(125, 78, 54)

RGB (0–1)0.4902, 0.3059, 0.2118

RGB percentages49%, 30.6%, 21.2%

HSLhsl(20.3, 39.7%, 35.1%)

HSV / HSBhsv(20.3, 56.8%, 49%)

CMYK0%, 37.6%, 56.8%, 51%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer8,212,022

CSS custom property--colour: #7D4E36;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.97:1

Contrast with white6.97:1WCAG normal text: AA

Contrast with black3.02:1WCAG normal text: Fail

Greyscale equivalent#565656

Inverted#82B1C9

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#5B5334no red cones; affects about 1% of men; ΔE 19.4 from the original

Deuteranopia#665D36no green cones; the most common form, about 1% of men; ΔE 19.7 from the original

Tritanopia#884548no blue cones; rare, and affects men and women equally; ΔE 16.1 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text6.97:1WCAG large text: AAA

Contrast with black, large text3.02:1WCAG large text: AA

Named colours

Sienna · ΔE 19 Saddle brown · ΔE 20.8 Dim grey · ΔE 28.9 Rosy brown · ΔE 30.1 Indian red · ΔE 31.7 Gray · ΔE 32.2

Nearest named CSS colourSienna (#A0522D)ΔE 18.96, a distinctly different colour

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#36657D

Analogous#7D3642, #7D7136

Triadic#367D4E, #4E367D

Split complementary#367D72, #36427D

Tetradic#427D36, #36657D, #71367D

Tints, shades & saturation

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

Lighter +40%#D9B7A6

Lighter +30%#C99B83

Lighter +20%#BA7E5F

Lighter +10%#A16445

Darker −10%#593827

Darker −20%#362217

Darker −30%#120B08

Darker −40%#000000

More saturated +25%#934720

Less saturated −25%#67554C

Channel breakdown

R125

G78

B54

Red125 (49%)

Green78 (30.6%)

Blue54 (21.2%)

Hue20.28°

Saturation (HSL)39.66%

Lightness35.1%

Dominant channelRed

Hex per channelR 7D · G 4E · B 36

Keep nerding

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

#7D4E36

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