#7D2B2C#7D2B2C

#7D2B2C is a dark, moderate red. Relative luminance 0.063; OKLCH L 41.1% C 0.114 H 22.9°. Best body text is #FFFFFF at 9.32:1 contrast (WCAG AA passes).

Color values

HEX#7D2B2C
RGBrgb(125, 43, 44)
HSLhsl(359, 49%, 33%)
HSVhsv(359, 66%, 49%)
CMYKcmyk(0%, 65.6%, 64.8%, 51%)
CIE-LABlab(30.09, 35.63, 18.53)
CIE-LCHlch(30.09, 40.16, 27.48°)
OKLaboklab(41.1% 0.1052 0.0444)
OKLCHoklch(41.1% 0.114 22.9)
XYZxyz(9.7769, 6.2709, 3.0780)
Luminance0.0627 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7D2B2C #2B7D7C
analogous
#7D2B55 #7D2B2C #7D532B
triadic
#7D2B2C #2C7D2B #2B2C7D
tetradic
#7D2B2C #557D2B #2B7D7C #532B7D
square
#7D2B2C #557D2B #2B7D7C #532B7D
split-complementary
#7D2B2C #2B7D53 #2B557D
monochromatic
#220C0C #4F1B1C #7D2B2C #AB3B3C #C75C5D

Accessibility & contrast

On white

9.32
#7D2B2C on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.25
#7D2B2C on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #7D2B2C
9.32:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7D2B2C#FFFFFF#000000##FFFFFF
##7D2B2C1.009.322.259.32
#FFFFFF9.321.0021.001.00
#0000002.2521.001.0021.00
##FFFFFF9.321.0021.001.00

Color blindness preview

Protanopia (red-blind)
#403C2B
Deuteranopia (green-blind)
#554D2A
Tritanopia (blue-blind)
#891A2C
Achromatopsia (no color)
#474747

Design tokens & code

CSS
--color: #7d2b2c;
/* rgb */ color: rgb(125, 43, 44);
/* oklch */ color: oklch(41.1% 0.114 22.9);
Tailwind
colors: {
  custom: {
    50: '#a86965',
    500: '#7d2b2c',
    950: '#000000',
  },
}
SCSS
$custom: #7d2b2c;
$custom-light: #a86965;
$custom-dark: #000000;
JSON
{
  "hex": "#7d2b2c",
  "rgb": {
    "r": 125,
    "g": 43,
    "b": 44
  },
  "hsl": {
    "h": 359.268,
    "s": 48.81,
    "l": 32.941
  },
  "oklch": {
    "l": 0.41101,
    "c": 0.11416,
    "h": 22.9
  },
  "luminance": 0.0627
}

Semantic roles & 50–950 ramp

primary
#7D2B2C
secondary
#57ADAC
accent
#D8D74F
background
#FAF6F6
surface
#F5EBEB
border
#CFC6C6
text
#110605
muted
#807A7A

Preview Lab

Preview with #7D2B2C

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#7D2B2C Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva