#4D262E#4D262E

#4D262E is a dark, muted red. Relative luminance 0.032; OKLCH L 32.4% C 0.059 H 7.8°. Best body text is #FFFFFF at 12.87:1 contrast (WCAG AA passes).

Color values

HEX#4D262E
RGBrgb(77, 38, 46)
HSLhsl(348, 34%, 23%)
HSVhsv(348, 51%, 30%)
CMYKcmyk(0%, 50.6%, 40.3%, 69.8%)
CIE-LABlab(20.68, 19.32, 3.03)
CIE-LCHlch(20.68, 19.56, 8.91°)
OKLaboklab(32.37% 0.0586 0.0081)
OKLCHoklch(32.37% 0.059 7.8)
XYZxyz(4.2470, 3.1616, 2.9708)
Luminance0.0316 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#4D262E #264D45
analogous
#4D2642 #4D262E #4D3126
triadic
#4D262E #2E4D26 #262E4D
tetradic
#4D262E #424D26 #264D45 #31264D
square
#4D262E #424D26 #264D45 #31264D
split-complementary
#4D262E #264D31 #26424D
monochromatic
#140A0C #241216 #4D262E #763A46 #9F4E5F

Accessibility & contrast

On white

12.87
#4D262E on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.63
#4D262E on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #4D262E
12.87:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##4D262E#FFFFFF#000000##FFFFFF
##4D262E1.0012.871.6312.87
#FFFFFF12.871.0021.001.00
#0000001.6321.001.0021.00
##FFFFFF12.871.0021.001.00

Color blindness preview

Protanopia (red-blind)
#2D2D2E
Deuteranopia (green-blind)
#37352D
Tritanopia (blue-blind)
#532229
Achromatopsia (no color)
#323232

Design tokens & code

CSS
--color: #4d262e;
/* rgb */ color: rgb(77, 38, 46);
/* oklch */ color: oklch(32.4% 0.059 7.8);
Tailwind
colors: {
  custom: {
    50: '#816166',
    500: '#4d262e',
    950: '#000000',
  },
}
SCSS
$custom: #4d262e;
$custom-light: #816166;
$custom-dark: #000000;
JSON
{
  "hex": "#4d262e",
  "rgb": {
    "r": 77,
    "g": 38,
    "b": 46
  },
  "hsl": {
    "h": 347.692,
    "s": 33.913,
    "l": 22.549
  },
  "oklch": {
    "l": 0.3237,
    "c": 0.05919,
    "h": 7.8
  },
  "luminance": 0.03161
}

Semantic roles & 50–950 ramp

primary
#4D262E
secondary
#4F8076
accent
#CAB45E
background
#F8F5F6
surface
#EFEAEB
border
#CAC6C6
text
#0A0506
muted
#7C797A

Preview Lab

Preview with #4D262E

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

Preview Lab → · Contrast checker → · Palette generator →

#4D262E Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva