#433916#433916

#433916 is a dark, muted yellow. Relative luminance 0.042; OKLCH L 34.7% C 0.053 H 93.5°. Best body text is #FFFFFF at 11.44:1 contrast (WCAG AA passes).

Color values

HEX#433916
RGBrgb(67, 57, 22)
HSLhsl(47, 51%, 17%)
HSVhsv(47, 67%, 26%)
CMYKcmyk(0%, 14.9%, 67.2%, 73.7%)
CIE-LABlab(24.25, -0.70, 23.01)
CIE-LCHlch(24.25, 23.02, 91.74°)
OKLaboklab(34.68% -0.0033 0.0533)
OKLCHoklch(34.68% 0.053 93.5)
XYZxyz(3.9229, 4.1777, 1.3586)
Luminance0.0418 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#433916 #162043
analogous
#432316 #433916 #364316
triadic
#433916 #164339 #391643
tetradic
#433916 #164323 #162043 #431636
square
#433916 #164323 #162043 #431636
split-complementary
#433916 #163643 #231643
monochromatic
#171408 #171408 #433916 #716025 #9F8734

Accessibility & contrast

On white

11.44
#433916 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.84
#433916 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #433916
11.44:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##433916#FFFFFF#000000##FFFFFF
##4339161.0011.441.8411.44
#FFFFFF11.441.0021.001.00
#0000001.8421.001.0021.00
##FFFFFF11.441.0021.001.00

Color blindness preview

Protanopia (red-blind)
#3F3812
Deuteranopia (green-blind)
#423B18
Tritanopia (blue-blind)
#493431
Achromatopsia (no color)
#3A3A3A

Design tokens & code

CSS
--color: #433916;
/* rgb */ color: rgb(67, 57, 22);
/* oklch */ color: oklch(34.7% 0.053 93.5);
Tailwind
colors: {
  custom: {
    50: '#796f54',
    500: '#433916',
    950: '#000000',
  },
}
SCSS
$custom: #433916;
$custom-light: #796f54;
$custom-dark: #000000;
JSON
{
  "hex": "#433916",
  "rgb": {
    "r": 67,
    "g": 57,
    "b": 22
  },
  "hsl": {
    "h": 46.667,
    "s": 50.562,
    "l": 17.451
  },
  "oklch": {
    "l": 0.34677,
    "c": 0.0534,
    "h": 93.5
  },
  "luminance": 0.04177
}

Semantic roles & 50–950 ramp

primary
#433916
secondary
#3A497A
accent
#6DDA4E
background
#F7F6F4
surface
#EDECE8
border
#C8C7C4
text
#090703
muted
#7B7A78

Preview Lab

Preview with #433916

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

Preview Lab → · Contrast checker → · Palette generator →

#433916 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva