Colour

#51401E

#51401E
Orange
Dark
Nearest: Dark olivegreen

#51401E is a orange with RGB values 81, 64, 30 and HSL 40°, 46%, 22%. It is a dark colour, so white text on it reaches 10:1 contrast (AAA for normal text). The nearest named colour is Dark olivegreen.

Colour values

#51401E#51401E

HEX#51401E

RGBrgb(81, 64, 30)

RGB (0–1)0.3176, 0.251, 0.1176

RGB percentages31.8%, 25.1%, 11.8%

HSLhsl(40, 45.9%, 21.8%)

HSV / HSBhsv(40, 63%, 31.8%)

CMYK0%, 21%, 63%, 68.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,324,830

CSS custom property--colour: #51401E;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 9.99:1

Contrast with white9.99:1WCAG normal text: AAA

Contrast with black2.1:1WCAG normal text: Fail

Greyscale equivalent#414141

Inverted#AEBFE1

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#47401Bno red cones; affects about 1% of men; ΔE 5.4 from the original

Deuteranopia#4C441Fno green cones; the most common form, about 1% of men; ΔE 5 from the original

Tritanopia#583B38no blue cones; rare, and affects men and women equally; ΔE 18.9 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text9.99:1WCAG large text: AAA

Contrast with black, large text2.1:1WCAG large text: Fail

Named colours

Dark olivegreen · ΔE 26.7 Dim grey · ΔE 28.5 Dark slate grey · ΔE 30.8 Saddle brown · ΔE 31.1 Sienna · ΔE 33.3 Gray · ΔE 34.6

Nearest named CSS colourDark olivegreen (#556B2F)ΔE 26.73, a distinctly different colour

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#1E2F51

Analogous#51271E, #49511E

Triadic#1E5140, #401E51

Split complementary#1E4951, #271E51

Tetradic#1E5126, #1E2F51, #511E48

Tints, shades & saturation

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

Lighter +40%#CAAC71

Lighter +30%#BD974B

Lighter +20%#9B7B3A

Lighter +10%#765D2C

Darker −10%#2C2310

Darker −20%#070502

Darker −30%#000000

Darker −40%#000000

More saturated +25%#5F4510

Less saturated −25%#433B2C

Channel breakdown

R81

G64

B30

Red81 (31.8%)

Green64 (25.1%)

Blue30 (11.8%)

Hue40°

Saturation (HSL)45.95%

Lightness21.76%

Dominant channelRed

Hex per channelR 51 · G 40 · B 1E

Keep nerding

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

#51401E

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