#3C3607#3C3607

#3C3607 is a dark, moderate yellow. Relative luminance 0.036; OKLCH L 32.9% C 0.063 H 101.7°. Best body text is #FFFFFF at 12.19:1 contrast (WCAG AA passes).

Color values

HEX#3C3607
RGBrgb(60, 54, 7)
HSLhsl(53, 79%, 13%)
HSVhsv(53, 88%, 24%)
CMYKcmyk(0%, 10%, 88.3%, 76.5%)
CIE-LABlab(22.35, -3.51, 28.11)
CIE-LCHlch(22.35, 28.33, 97.12°)
OKLaboklab(32.94% -0.0128 0.062)
OKLCHoklch(32.94% 0.063 101.7)
XYZxyz(3.2211, 3.6145, 0.7290)
Luminance0.0361 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#3C3607 #070D3C
analogous
#3C1B07 #3C3607 #273C07
triadic
#3C3607 #073C36 #36073C
tetradic
#3C3607 #073C1B #070D3C #3C0727
square
#3C3607 #073C1B #070D3C #3C0727
split-complementary
#3C3607 #07273C #1B073C
monochromatic
#1B1903 #1B1903 #3C3607 #73670D #AA9914

Accessibility & contrast

On white

12.19
#3C3607 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.72
#3C3607 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #3C3607
12.19:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##3C3607#FFFFFF#000000##FFFFFF
##3C36071.0012.191.7212.19
#FFFFFF12.191.0021.001.00
#0000001.7221.001.0021.00
##FFFFFF12.191.0021.001.00

Color blindness preview

Protanopia (red-blind)
#3C3401
Deuteranopia (green-blind)
#3E370A
Tritanopia (blue-blind)
#41312D
Achromatopsia (no color)
#353535

Design tokens & code

CSS
--color: #3c3607;
/* rgb */ color: rgb(60, 54, 7);
/* oklch */ color: oklch(32.9% 0.063 101.7);
Tailwind
colors: {
  custom: {
    50: '#746c4b',
    500: '#3c3607',
    950: '#000000',
  },
}
SCSS
$custom: #3c3607;
$custom-light: #746c4b;
$custom-dark: #000000;
JSON
{
  "hex": "#3c3607",
  "rgb": {
    "r": 60,
    "g": 54,
    "b": 7
  },
  "hsl": {
    "h": 53.208,
    "s": 79.104,
    "l": 13.137
  },
  "oklch": {
    "l": 0.32944,
    "c": 0.06333,
    "h": 101.7
  },
  "luminance": 0.03614
}

Semantic roles & 50–950 ramp

primary
#3C3607
secondary
#232D7B
accent
#48F632
background
#F7F6F4
surface
#EDEBE7
border
#C8C6C3
text
#080701
muted
#7B7A77

Preview Lab

Preview with #3C3607

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

Preview Lab → · Contrast checker → · Palette generator →

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