Colour

#87312E

#87312E
Red
Dark
Nearest: Brown

#87312E is a red with RGB values 135, 49, 46 and HSL 2°, 49%, 35%. It is a dark colour, so white text on it reaches 8.4:1 contrast (AAA for normal text). The nearest named colour is Brown.

Colour values

#87312E#87312E

HEX#87312E

RGBrgb(135, 49, 46)

RGB (0–1)0.5294, 0.1922, 0.1804

RGB percentages52.9%, 19.2%, 18%

HSLhsl(2, 49.2%, 35.5%)

HSV / HSBhsv(2, 65.9%, 52.9%)

CMYK0%, 63.7%, 65.9%, 47.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer8,859,950

CSS custom property--colour: #87312E;

Brightness & contrast

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

Perceived brightness84.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 8.37:1

Contrast with white8.37:1WCAG normal text: AAA

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

Greyscale equivalent#434343

Inverted#78CED1

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#941F31no blue cones; rare, and affects men and women equally; ΔE 11.9 from the original

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

Contrast with white, large text8.37:1WCAG large text: AAA

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

Named colours

Brown · ΔE 16.6 Sienna · ΔE 19.3 Maroon · ΔE 21.6 Indian red · ΔE 22 Saddle brown · ΔE 22.6 Dark red · ΔE 25.1

Nearest named CSS colourBrown (#A52A2A)ΔE 16.61, a distinctly different colour

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#2E8487

Analogous#872E58, #875E2E

Triadic#2E8731, #312E87

Split complementary#2E875E, #2E5887

Tetradic#58872E, #2E8487, #5E2E87

Tints, shades & saturation

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

Lighter +40%#DFA4A2

Lighter +30%#D27F7C

Lighter +20%#C55956

Lighter +10%#AD3F3B

Darker −10%#612321

Darker −20%#3B1514

Darker −30%#150807

Darker −40%#000000

More saturated +25%#9E1C17

Less saturated −25%#704645

Channel breakdown

R135

G49

B46

Red135 (52.9%)

Green49 (19.2%)

Blue46 (18%)

Hue2.02°

Saturation (HSL)49.17%

Lightness35.49%

Dominant channelRed

Hex per channelR 87 · G 31 · B 2E

Keep nerding

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

#87312E

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