Recognised as Colour

#87163E

#87163E
Red
Dark
Nearest: Brown

#87163E is a red with RGB values 135, 22, 62 and HSL 339°, 72%, 31%. It is a dark colour, so white text on it reaches 9.5:1 contrast (AAA for normal text). The nearest named colour is Brown.

Colour values

#87163E#87163E

HEX#87163E

RGBrgb(135, 22, 62)

RGB (0–1)0.5294, 0.0863, 0.2431

RGB percentages52.9%, 8.6%, 24.3%

HSLhsl(338.8, 72%, 30.8%)

HSV / HSBhsv(338.8, 83.7%, 52.9%)

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

24-bit integer8,853,054

CSS custom property--colour: #87163E;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 9.48:1

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

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

Greyscale equivalent#313131

Inverted#78E9C1

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#35373Fno red cones; affects about 1% of men; ΔE 48.9 from the original

Deuteranopia#524E3Bno green cones; the most common form, about 1% of men; ΔE 50.5 from the original

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

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

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

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

Named colours

Brown · ΔE 25.5 Indian red · ΔE 28.8 Pale violetred · ΔE 31.6 Maroon · ΔE 32 Firebrick · ΔE 33.6 Medium violet red · ΔE 34.8

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

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#16875F

Analogous#871677, #872716

Triadic#3E8716, #163E87

Split complementary#168726, #167787

Tetradic#768716, #16875F, #261687

Tints, shades & saturation

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

Lighter +40%#EA7FA5

Lighter +30%#E35386

Lighter +20%#DC2767

Lighter +10%#B31D52

Darker −10%#5B0F2A

Darker −20%#2F0816

Darker −30%#030102

Darker −40%#000000

More saturated +25%#9B0238

Less saturated −25%#732A44

Channel breakdown

R135

G22

B62

Red135 (52.9%)

Green22 (8.6%)

Blue62 (24.3%)

Hue338.76°

Saturation (HSL)71.97%

Lightness30.78%

Dominant channelRed

Hex per channelR 87 · G 16 · B 3E

Keep nerding

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

#87163E

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