#736736#736736

#736736 is a mid, moderate yellow. Relative luminance 0.136; OKLCH L 51.4% C 0.070 H 95.9°. Best body text is #FFFFFF at 5.64:1 contrast (WCAG AA passes).

Color values

HEX#736736
RGBrgb(115, 103, 54)
HSLhsl(48, 36%, 33%)
HSVhsv(48, 53%, 45%)
CMYKcmyk(0%, 10.4%, 53%, 54.9%)
CIE-LABlab(43.67, -2.35, 29.16)
CIE-LCHlch(43.67, 29.25, 94.61°)
OKLaboklab(51.36% -0.0072 0.0694)
OKLCHoklch(51.36% 0.07 95.9)
XYZxyz(12.5867, 13.6122, 5.4537)
Luminance0.1361 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#736736 #364273
analogous
#734836 #736736 #607336
triadic
#736736 #367367 #673673
tetradic
#736736 #367348 #364273 #733660
square
#736736 #367348 #364273 #733660
split-complementary
#736736 #366073 #483673
monochromatic
#201C0F #494222 #736736 #9D8C4A #B9AA6A

Accessibility & contrast

On white

5.64
#736736 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.72
#736736 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #736736
5.64:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##736736#FFFFFF#000000##FFFFFF
##7367361.005.643.725.64
#FFFFFF5.641.0021.001.00
#0000003.7221.001.0021.00
##FFFFFF5.641.0021.001.00

Color blindness preview

Protanopia (red-blind)
#706532
Deuteranopia (green-blind)
#736938
Tritanopia (blue-blind)
#7B615B
Achromatopsia (no color)
#676767

Design tokens & code

CSS
--color: #736736;
/* rgb */ color: rgb(115, 103, 54);
/* oklch */ color: oklch(51.4% 0.070 95.9);
Tailwind
colors: {
  custom: {
    50: '#9d926e',
    500: '#736736',
    950: '#000000',
  },
}
SCSS
$custom: #736736;
$custom-light: #9d926e;
$custom-dark: #000000;
JSON
{
  "hex": "#736736",
  "rgb": {
    "r": 115,
    "g": 103,
    "b": 54
  },
  "hsl": {
    "h": 48.197,
    "s": 36.095,
    "l": 33.137
  },
  "oklch": {
    "l": 0.51362,
    "c": 0.06974,
    "h": 95.9
  },
  "luminance": 0.13612
}

Semantic roles & 50–950 ramp

primary
#736736
secondary
#636FA2
accent
#72CC5C
background
#F9F8F6
surface
#F2F0EC
border
#CCCBC7
text
#0E0C07
muted
#7E7D7A

Preview Lab

Preview with #736736

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

Preview Lab → · Contrast checker → · Palette generator →

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