#7C835F#7C835F

#7C835F is a mid, muted yellow-green. Relative luminance 0.213; OKLCH L 59.4% C 0.053 H 117.0°. Best body text is #000000 at 5.27:1 contrast (WCAG AA passes).

Color values

HEX#7C835F
RGBrgb(124, 131, 95)
HSLhsl(72, 16%, 44%)
HSVhsv(72, 27%, 51%)
CMYKcmyk(5.3%, 0%, 27.5%, 48.6%)
CIE-LABlab(53.32, -9.08, 18.65)
CIE-LCHlch(53.32, 20.74, 115.95°)
OKLaboklab(59.44% -0.0239 0.047)
OKLCHoklch(59.44% 0.053 117)
XYZxyz(18.4939, 21.3440, 13.9698)
Luminance0.2134 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7C835F #665F83
analogous
#83785F #7C835F #6A835F
triadic
#7C835F #5F7C83 #835F7C
tetradic
#7C835F #5F8378 #665F83 #835F6A
square
#7C835F #5F8378 #665F83 #835F6A
split-complementary
#7C835F #5F6A83 #785F83
monochromatic
#393C2C #5A6045 #7C835F #9AA17E #B6BBA1

Accessibility & contrast

On white

3.99
#7C835F on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.27
#7C835F on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #7C835F
5.27:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7C835F#FFFFFF#000000##000000
##7C835F1.003.995.275.27
#FFFFFF3.991.0021.0021.00
#0000005.2721.001.001.00
##0000005.2721.001.001.00

Color blindness preview

Protanopia (red-blind)
#887F5D
Deuteranopia (green-blind)
#878060
Tritanopia (blue-blind)
#807F79
Achromatopsia (no color)
#7F7F7F

Design tokens & code

CSS
--color: #7c835f;
/* rgb */ color: rgb(124, 131, 95);
/* oklch */ color: oklch(59.4% 0.053 117.0);
Tailwind
colors: {
  custom: {
    50: '#a2a78c',
    500: '#7c835f',
    950: '#000000',
  },
}
SCSS
$custom: #7c835f;
$custom-light: #a2a78c;
$custom-dark: #000000;
JSON
{
  "hex": "#7c835f",
  "rgb": {
    "r": 124,
    "g": 131,
    "b": 95
  },
  "hsl": {
    "h": 71.667,
    "s": 15.929,
    "l": 44.314
  },
  "oklch": {
    "l": 0.59439,
    "c": 0.05276,
    "h": 117
  },
  "luminance": 0.21344
}

Semantic roles & 50–950 ramp

primary
#7C835F
secondary
#9894AA
accent
#6FB97D
background
#FAFAF8
surface
#F3F4F0
border
#CDCECB
text
#0F0F0C
muted
#7F7F7D

Preview Lab

Preview with #7C835F

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

Preview Lab → · Contrast checker → · Palette generator →

#7C835F Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva