#7E2511#7E2511

#7E2511 is a dark, vivid red. Relative luminance 0.058; OKLCH L 40.1% C 0.127 H 34.0°. Best body text is #FFFFFF at 9.72:1 contrast (WCAG AA passes).

Color values

HEX#7E2511
RGBrgb(126, 37, 17)
HSLhsl(11, 76%, 28%)
HSVhsv(11, 87%, 49%)
CMYKcmyk(0%, 70.6%, 86.5%, 50.6%)
CIE-LABlab(28.90, 37.41, 33.46)
CIE-LCHlch(28.90, 50.19, 41.81°)
OKLaboklab(40.14% 0.105 0.0707)
OKLCHoklch(40.14% 0.127 34)
XYZxyz(9.3680, 5.8006, 1.1566)
Luminance0.0580 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7E2511 #116A7E
analogous
#7E1133 #7E2511 #7E5B11
triadic
#7E2511 #117E25 #25117E
tetradic
#7E2511 #337E11 #116A7E #5B117E
square
#7E2511 #337E11 #116A7E #5B117E
split-complementary
#7E2511 #117E5B #11337E
monochromatic
#1B0804 #48150A #7E2511 #B43518 #E24A27

Accessibility & contrast

On white

9.72
#7E2511 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.16
#7E2511 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #7E2511
9.72:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7E2511#FFFFFF#000000##FFFFFF
##7E25111.009.722.169.72
#FFFFFF9.721.0021.001.00
#0000002.1621.001.0021.00
##FFFFFF9.721.0021.001.00

Color blindness preview

Protanopia (red-blind)
#3F380D
Deuteranopia (green-blind)
#554B0C
Tritanopia (blue-blind)
#8B0621
Achromatopsia (no color)
#444444

Design tokens & code

CSS
--color: #7e2511;
/* rgb */ color: rgb(126, 37, 17);
/* oklch */ color: oklch(40.1% 0.127 34.0);
Tailwind
colors: {
  custom: {
    50: '#ab6551',
    500: '#7e2511',
    950: '#000000',
  },
}
SCSS
$custom: #7e2511;
$custom-light: #ab6551;
$custom-dark: #000000;
JSON
{
  "hex": "#7e2511",
  "rgb": {
    "r": 126,
    "g": 37,
    "b": 17
  },
  "hsl": {
    "h": 11.009,
    "s": 76.224,
    "l": 28.039
  },
  "oklch": {
    "l": 0.40136,
    "c": 0.12658,
    "h": 34
  },
  "luminance": 0.05799
}

Semantic roles & 50–950 ramp

primary
#7E2511
secondary
#379DB4
accent
#D0F335
background
#FBF6F4
surface
#F6EBE7
border
#D0C6C3
text
#120602
muted
#817A78

Preview Lab

Preview with #7E2511

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

Preview Lab → · Contrast checker → · Palette generator →

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