#3C0804#3C0804

#3C0804 is a very dark, moderate red. Relative luminance 0.011; OKLCH L 23.5% C 0.081 H 30.2°. Best body text is #FFFFFF at 17.09:1 contrast (WCAG AA passes).

Color values

HEX#3C0804
RGBrgb(60, 8, 4)
HSLhsl(4, 88%, 13%)
HSVhsv(4, 93%, 24%)
CMYKcmyk(0%, 86.7%, 93.3%, 76.5%)
CIE-LABlab(10.13, 24.76, 14.16)
CIE-LCHlch(10.13, 28.52, 29.76°)
OKLaboklab(23.48% 0.0702 0.0408)
OKLCHoklch(23.48% 0.081 30.2)
XYZxyz(1.9725, 1.1434, 0.2317)
Luminance0.0114 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#3C0804 #04383C
analogous
#3C041C #3C0804 #3C2404
triadic
#3C0804 #043C08 #08043C
tetradic
#3C0804 #1C3C04 #04383C #24043C
square
#3C0804 #1C3C04 #04383C #24043C
split-complementary
#3C0804 #043C24 #041C3C
monochromatic
#1D0402 #1D0402 #3C0804 #751008 #AF170C

Accessibility & contrast

On white

17.09
#3C0804 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.23
#3C0804 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #3C0804
17.09:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##3C0804#FFFFFF#000000##FFFFFF
##3C08041.0017.091.2317.09
#FFFFFF17.091.0021.001.00
#0000001.2321.001.0021.00
##FFFFFF17.091.0021.001.00

Color blindness preview

Protanopia (red-blind)
#181403
Deuteranopia (green-blind)
#252002
Tritanopia (blue-blind)
#430007
Achromatopsia (no color)
#1C1C1C

Design tokens & code

CSS
--color: #3c0804;
/* rgb */ color: rgb(60, 8, 4);
/* oklch */ color: oklch(23.5% 0.081 30.2);
Tailwind
colors: {
  custom: {
    50: '#774c48',
    500: '#3c0804',
    950: '#000000',
  },
}
SCSS
$custom: #3c0804;
$custom-light: #774c48;
$custom-dark: #000000;
JSON
{
  "hex": "#3c0804",
  "rgb": {
    "r": 60,
    "g": 8,
    "b": 4
  },
  "hsl": {
    "h": 4.286,
    "s": 87.5,
    "l": 12.549
  },
  "oklch": {
    "l": 0.2348,
    "c": 0.08115,
    "h": 30.2
  },
  "luminance": 0.01143
}

Semantic roles & 50–950 ramp

primary
#3C0804
secondary
#1E777E
accent
#EFFE2A
background
#F7F4F4
surface
#EEE7E6
border
#C9C3C2
text
#090100
muted
#7B7777

Preview Lab

Preview with #3C0804

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

Preview Lab → · Contrast checker → · Palette generator →

#3C0804 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva