Colour

#A7172E

#A7172E
Red
Dark
Nearest: Brown

#A7172E is a red with RGB values 167, 23, 46 and HSL 350°, 76%, 37%. It is a dark colour, so white text on it reaches 7.5:1 contrast (AAA for normal text). The nearest named colour is Brown.

Colour values

#A7172E#A7172E

HEX#A7172E

RGBrgb(167, 23, 46)

RGB (0–1)0.6549, 0.0902, 0.1804

RGB percentages65.5%, 9%, 18%

HSLhsl(350.4, 75.8%, 37.3%)

HSV / HSBhsv(350.4, 86.2%, 65.5%)

CMYK0%, 86.2%, 72.5%, 34.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer10,950,446

CSS custom property--colour: #A7172E;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 7.49:1

Contrast with white7.49:1WCAG normal text: AAA

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

Greyscale equivalent#373737

Inverted#58E8D1

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#6A5F29no green cones; the most common form, about 1% of men; ΔE 59.4 from the original

Tritanopia#B80022no blue cones; rare, and affects men and women equally; ΔE 13.3 from the original

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

Contrast with white, large text7.49:1WCAG large text: AAA

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

Named colours

Brown · ΔE 7.6 Firebrick · ΔE 11.6 Maroon · ΔE 17.5 Dark red · ΔE 17.5 Crimson · ΔE 19.9 Indian red · ΔE 21.1

Nearest named CSS colourBrown (#A52A2A)ΔE 7.62, clearly different but related

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#17A790

Analogous#A71776, #A74817

Triadic#2EA717, #172EA7

Split complementary#17A748, #1776A7

Tetradic#76A717, #17A790, #4817A7

Tints, shades & saturation

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

Lighter +40%#F199A7

Lighter +30%#EB6C80

Lighter +20%#E53F5A

Lighter +10%#D41D3A

Darker −10%#7A1122

Darker −20%#4D0B15

Darker −30%#210409

Darker −40%#000000

More saturated +25%#BE001E

Less saturated −25%#8F2F3E

Channel breakdown

R167

G23

B46

Red167 (65.5%)

Green23 (9%)

Blue46 (18%)

Hue350.42°

Saturation (HSL)75.79%

Lightness37.25%

Dominant channelRed

Hex per channelR A7 · G 17 · B 2E

Keep nerding

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

#A7172E

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