#726E31#726E31

#726E31 is a mid, moderate yellow. Relative luminance 0.150; OKLCH L 52.8% C 0.082 H 105.5°. Best body text is #FFFFFF at 5.26:1 contrast (WCAG AA passes).

Color values

HEX#726E31
RGBrgb(114, 110, 49)
HSLhsl(56, 40%, 32%)
HSVhsv(56, 57%, 45%)
CMYKcmyk(0%, 3.5%, 57%, 55.3%)
CIE-LABlab(45.57, -7.30, 34.04)
CIE-LCHlch(45.57, 34.82, 102.10°)
OKLaboklab(52.82% -0.022 0.0795)
OKLCHoklch(52.82% 0.082 105.5)
XYZxyz(13.0701, 14.9514, 5.1026)
Luminance0.1495 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#726E31 #313572
analogous
#724E31 #726E31 #567231
triadic
#726E31 #31726E #6E3172
tetradic
#726E31 #31724E #313572 #723156
square
#726E31 #31724E #313572 #723156
split-complementary
#726E31 #315672 #4E3172
monochromatic
#1C1B0C #47451F #726E31 #9D9743 #BBB662

Accessibility & contrast

On white

5.26
#726E31 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.99
#726E31 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #726E31
5.26:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##726E31#FFFFFF#000000##FFFFFF
##726E311.005.263.995.26
#FFFFFF5.261.0021.001.00
#0000003.9921.001.0021.00
##FFFFFF5.261.0021.001.00

Color blindness preview

Protanopia (red-blind)
#776A2B
Deuteranopia (green-blind)
#786D34
Tritanopia (blue-blind)
#7A6760
Achromatopsia (no color)
#6C6C6C

Design tokens & code

CSS
--color: #726e31;
/* rgb */ color: rgb(114, 110, 49);
/* oklch */ color: oklch(52.8% 0.082 105.5);
Tailwind
colors: {
  custom: {
    50: '#9c976b',
    500: '#726e31',
    950: '#000000',
  },
}
SCSS
$custom: #726e31;
$custom-light: #9c976b;
$custom-dark: #000000;
JSON
{
  "hex": "#726e31",
  "rgb": {
    "r": 114,
    "g": 110,
    "b": 49
  },
  "hsl": {
    "h": 56.308,
    "s": 39.877,
    "l": 31.961
  },
  "oklch": {
    "l": 0.52823,
    "c": 0.08249,
    "h": 105.5
  },
  "luminance": 0.14951
}

Semantic roles & 50–950 ramp

primary
#726E31
secondary
#5C60A3
accent
#5FD058
background
#F9F9F6
surface
#F2F2EB
border
#CCCCC6
text
#0E0D07
muted
#7E7E7A

Preview Lab

Preview with #726E31

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

Preview Lab → · Contrast checker → · Palette generator →

#726E31 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva