Colour

#80631E

#80631E
Orange
Dark
Nearest: Saddle brown

#80631E is a orange with RGB values 128, 99, 30 and HSL 42°, 62%, 31%. It is a dark colour, so white text on it reaches 5.6:1 contrast (AA for normal text). The nearest named colour is Saddle brown.

Colour values

#80631E#80631E

HEX#80631E

RGBrgb(128, 99, 30)

RGB (0–1)0.502, 0.3882, 0.1176

RGB percentages50.2%, 38.8%, 11.8%

HSLhsl(42.2, 62%, 31%)

HSV / HSBhsv(42.2, 76.6%, 50.2%)

CMYK0%, 22.7%, 76.6%, 49.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer8,413,982

CSS custom property--colour: #80631E;

Brightness & contrast

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

Perceived brightness103.7 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.64:1

Contrast with white5.64:1WCAG normal text: AA

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

Greyscale equivalent#646464

Inverted#7F9CE1

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#776A21no green cones; the most common form, about 1% of men; ΔE 8.3 from the original

Tritanopia#8B5A55no blue cones; rare, and affects men and women equally; ΔE 33.9 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text5.64:1WCAG large text: AAA

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

Named colours

Saddle brown · ΔE 23 Olive · ΔE 24.4 Dark olivegreen · ΔE 25.7 Peru · ΔE 25.7 Sienna · ΔE 25.7 Dark goldenrod · ΔE 26.9

Nearest named CSS colourSaddle brown (#8B4513)ΔE 22.96, a distinctly different colour

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#1E3B80

Analogous#80321E, #6C801E

Triadic#1E8063, #631E80

Split complementary#1E6C80, #321E80

Tetradic#1E8032, #1E3B80, #801E6C

Tints, shades & saturation

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

Lighter +40%#E3C887

Lighter +30%#D9B55E

Lighter +20%#D0A234

Lighter +10%#A98328

Darker −10%#574314

Darker −20%#2D230B

Darker −30%#040301

Darker −40%#000000

More saturated +25%#946B0A

Less saturated −25%#6C5B32

Channel breakdown

R128

G99

B30

Red128 (50.2%)

Green99 (38.8%)

Blue30 (11.8%)

Hue42.24°

Saturation (HSL)62.03%

Lightness30.98%

Dominant channelRed

Hex per channelR 80 · G 63 · B 1E

Keep nerding

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

#80631E

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