#736112#736112

#736112 is a mid, moderate yellow. Relative luminance 0.122; OKLCH L 49.6% C 0.095 H 95.2°. Best body text is #FFFFFF at 6.09:1 contrast (WCAG AA passes).

Color values

HEX#736112
RGBrgb(115, 97, 18)
HSLhsl(49, 73%, 26%)
HSVhsv(49, 84%, 45%)
CMYKcmyk(0%, 15.7%, 84.3%, 54.9%)
CIE-LABlab(41.59, -1.27, 43.76)
CIE-LCHlch(41.59, 43.78, 91.66°)
OKLaboklab(49.61% -0.0086 0.0946)
OKLCHoklch(49.61% 0.095 95.2)
XYZxyz(11.4548, 12.2386, 2.3311)
Luminance0.1224 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#736112 #122473
analogous
#733012 #736112 #547312
triadic
#736112 #127361 #611273
tetradic
#736112 #127330 #122473 #731254
square
#736112 #127330 #122473 #731254
split-complementary
#736112 #125473 #301273
monochromatic
#1A1604 #3E340A #736112 #A88E1A #DDBA23

Accessibility & contrast

On white

6.09
#736112 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.45
#736112 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #736112
6.09:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##736112#FFFFFF#000000##FFFFFF
##7361121.006.093.456.09
#FFFFFF6.091.0021.001.00
#0000003.4521.001.0021.00
##FFFFFF6.091.0021.001.00

Color blindness preview

Protanopia (red-blind)
#6C5F00
Deuteranopia (green-blind)
#716418
Tritanopia (blue-blind)
#7D5852
Achromatopsia (no color)
#626262

Design tokens & code

CSS
--color: #736112;
/* rgb */ color: rgb(115, 97, 18);
/* oklch */ color: oklch(49.6% 0.095 95.2);
Tailwind
colors: {
  custom: {
    50: '#9f8d58',
    500: '#736112',
    950: '#000000',
  },
}
SCSS
$custom: #736112;
$custom-light: #9f8d58;
$custom-dark: #000000;
JSON
{
  "hex": "#736112",
  "rgb": {
    "r": 115,
    "g": 97,
    "b": 18
  },
  "hsl": {
    "h": 48.866,
    "s": 72.932,
    "l": 26.078
  },
  "oklch": {
    "l": 0.4961,
    "c": 0.09495,
    "h": 95.2
  },
  "luminance": 0.12238
}

Semantic roles & 50–950 ramp

primary
#736112
secondary
#374CAA
accent
#5AF038
background
#FAF8F5
surface
#F4F0E9
border
#CECBC5
text
#0F0C04
muted
#7F7D79

Preview Lab

Preview with #736112

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

Preview Lab → · Contrast checker → · Palette generator →

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