#747D47#747D47

#747D47 is a mid, moderate yellow-green. Relative luminance 0.188; OKLCH L 56.9% C 0.077 H 116.7°. Best body text is #000000 at 4.77:1 contrast (WCAG AA passes).

Color values

HEX#747D47
RGBrgb(116, 125, 71)
HSLhsl(70, 28%, 38%)
HSVhsv(70, 43%, 49%)
CMYKcmyk(7.2%, 0%, 43.2%, 51%)
CIE-LABlab(50.49, -12.43, 28.27)
CIE-LCHlch(50.49, 30.88, 113.73°)
OKLaboklab(56.89% -0.0344 0.0686)
OKLCHoklch(56.89% 0.077 116.7)
XYZxyz(15.6735, 18.8353, 8.7699)
Luminance0.1883 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#747D47 #50477D
analogous
#7D6B47 #747D47 #597D47
triadic
#747D47 #47747D #7D4774
tetradic
#747D47 #477D6B #50477D #7D4759
square
#747D47 #477D6B #50477D #7D4759
split-complementary
#747D47 #47597D #6B477D
monochromatic
#2C2F1B #505631 #747D47 #98A35E #B1BA85

Accessibility & contrast

On white

4.41
#747D47 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.77
#747D47 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #747D47
4.77:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##747D47#FFFFFF#000000##000000
##747D471.004.414.774.77
#FFFFFF4.411.0021.0021.00
#0000004.7721.001.001.00
##0000004.7721.001.001.00

Color blindness preview

Protanopia (red-blind)
#847843
Deuteranopia (green-blind)
#83794A
Tritanopia (blue-blind)
#797870
Achromatopsia (no color)
#787878

Design tokens & code

CSS
--color: #747d47;
/* rgb */ color: rgb(116, 125, 71);
/* oklch */ color: oklch(56.9% 0.077 116.7);
Tailwind
colors: {
  custom: {
    50: '#9da27b',
    500: '#747d47',
    950: '#000000',
  },
}
SCSS
$custom: #747d47;
$custom-light: #9da27b;
$custom-dark: #000000;
JSON
{
  "hex": "#747d47",
  "rgb": {
    "r": 116,
    "g": 125,
    "b": 71
  },
  "hsl": {
    "h": 70,
    "s": 27.551,
    "l": 38.431
  },
  "oklch": {
    "l": 0.56887,
    "c": 0.0768,
    "h": 116.7
  },
  "luminance": 0.18835
}

Semantic roles & 50–950 ramp

primary
#747D47
secondary
#827AA5
accent
#64C474
background
#F9F9F7
surface
#F2F2EE
border
#CCCCC9
text
#0E0F09
muted
#7E7E7B

Preview Lab

Preview with #747D47

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

Preview Lab → · Contrast checker → · Palette generator →

#747D47 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva