#7D293C colour

#7D293C is a muted brown close to CSS darkred. RGB 125, 41, 60, HSL 346, 51%, 33%. White text passes AAA (9.32:1), black fails (2.25:1).

#7D293C

Nearest CSS name: darkred #8b0000 (not an exact match)
Described as: a muted brown
Red, green, blue: 125, 41, 60
Web safe: No
Luminance: 0.0627 (WCAG relative luminance, 0 is black, 1 is white)

Colour codes

HEX	`#7d293c`
RGB	`rgb(125, 41, 60)`
RGB (percent)	`rgb(49% 16.1% 23.5%)`
HSL	`hsl(346.4, 50.6%, 32.5%)`
HSV / HSB	`hsv(346.4, 67.2%, 49%)`
HWB	`hwb(346.4 16.1% 51%)`
CMYK (naive)	`cmyk(0%, 67%, 52%, 51%)`
CIELAB (D50)	`lab(30.46% 38.05 8.88)`
OKLCH	`oklch(41.22% 0.1168 10.2)`
Decimal	`8202556`

CMYK here is the plain formula with no colour profile, so treat it as a starting point; a printer's profile gives the real ink values. CIELAB uses a D50 white point, as CSS lab() does. HSV is not a CSS function, so it is shown for design apps only.

Contrast with white and black text

White text, 9.32:1The quick brown fox jumps over the lazy dog.

Black text, 2.25:1The quick brown fox jumps over the lazy dog.

Text	Ratio	AA normal (4.5)	AA large (3)	AAA normal (7)	AAA large (4.5)
White	9.32:1	Pass	Pass	Pass	Pass
Black	2.25:1	Fail	Fail	Fail	Fail

White text is the better choice on #7D293C (9.32:1). Ratios use the WCAG 2.2 formula; large text means at least 24px, or 18.66px bold. Check another pair.

Tints and shades

Mixed with white, then with black, in ten even steps (straight sRGB mixing, as most design tools do).

9%#893c4e 18%#95505f 27%#a06371 36%#ac7783 45%#b88a95 55%#c49ea6 64%#d0b1b8 73%#dcc5ca 82%#e7d8dc 91%#f3eced

9%#722537 18%#662231 27%#5b1e2c 36%#501a26 45%#441621 55%#39131b 64%#2d0f16 73%#220b10 82%#17070b 91%#0b0405

Colour harmonies

Hue turned around the HSL colour wheel, saturation and lightness kept.

Complementary

The hue opposite on the colour wheel (180°).

#7d293c #297d6a

Analogous

Neighbours 30° either side.

#7d2966 #7d293c #7d4029

Triadic

Three hues 120° apart.

#7d293c #3c7d29 #293c7d

Split complementary

The two hues either side of the complement (150° and 210°).

#7d293c #297d40 #29667d

Tetradic (square)

Four hues 90° apart.

#7d293c #667d29 #297d6a #40297d

How it looks with colour blindness

Normal vision#7d293c Protanopia#3c3c3c Deuteranopia#524d3a Tritanopia#881b30 Achromatopsia#474747

Simulated with the Machado, Oliveira and Fernandes (2009) matrices at full severity, applied in linear RGB; achromatopsia shows the colour's luminance as grey. Milder forms (protanomaly, deuteranomaly) are far more common and shift colours less. Never use colour as the only way to carry meaning.

CSS

Text colour	`color: #7d293c;`
Background	`background-color: #7d293c;`
Border	`border: 1px solid #7d293c;`
Half transparent	`background-color: rgb(125 41 60 / 50%);`
Custom property	`--colour-main: #7d293c;`
Gradient to a darker shade	`background: linear-gradient(135deg, #7d293c, #4b1924);`
Gradient from a lighter tint	`background: linear-gradient(180deg, #b17f8a, #7d293c);`
Text on this colour	`background-color: #7d293c; color: #fff;`

Similar named colours

Distance is measured in OKLab, scaled by 100; under about 2 is hard to tell apart side by side.

Convert #7D293C to other formats · Build a palette from it · Check contrast · All named colours

Colour names from CSS Color Module Level 4. Palette values from the Tailwind CSS v3 default palette (MIT licence) and the Material Design 2014 colour palette as published in Material Design Lite (Apache License 2.0). All other values are calculated from the hex code.