#7E9618#7E9618

#7E9618 is a light, vivid yellow-green. Relative luminance 0.263; OKLCH L 63.2% C 0.144 H 120.7°. Best body text is #000000 at 6.26:1 contrast (WCAG AA passes).

Color values

HEX#7E9618
RGBrgb(126, 150, 24)
HSLhsl(71, 72%, 34%)
HSVhsv(71, 84%, 59%)
CMYKcmyk(16%, 0%, 84%, 41.2%)
CIE-LABlab(58.33, -24.63, 56.99)
CIE-LCHlch(58.33, 62.08, 113.37°)
OKLaboklab(63.24% -0.0735 0.1237)
OKLCHoklch(63.24% 0.144 120.7)
XYZxyz(19.6758, 26.3143, 4.9066)
Luminance0.2631 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7E9618 #301896
analogous
#966F18 #7E9618 #3F9618
triadic
#7E9618 #187E96 #96187E
tetradic
#7E9618 #18966F #301896 #96183F
square
#7E9618 #18966F #301896 #96183F
split-complementary
#7E9618 #183F96 #6F1896
monochromatic
#252C07 #526110 #7E9618 #AACB20 #C4E247

Accessibility & contrast

On white

3.35
#7E9618 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.26
#7E9618 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #7E9618
6.26:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7E9618#FFFFFF#000000##000000
##7E96181.003.356.266.26
#FFFFFF3.351.0021.0021.00
#0000006.2621.001.001.00
##0000006.2621.001.001.00

Color blindness preview

Protanopia (red-blind)
#A08D00
Deuteranopia (green-blind)
#9D8C26
Tritanopia (blue-blind)
#868E80
Achromatopsia (no color)
#8C8C8C

Design tokens & code

CSS
--color: #7e9618;
/* rgb */ color: rgb(126, 150, 24);
/* oklch */ color: oklch(63.2% 0.144 120.7);
Tailwind
colors: {
  custom: {
    50: '#a7b463',
    500: '#7e9618',
    950: '#000000',
  },
}
SCSS
$custom: #7e9618;
$custom-light: #a7b463;
$custom-dark: #000000;
JSON
{
  "hex": "#7e9618",
  "rgb": {
    "r": 126,
    "g": 150,
    "b": 24
  },
  "hsl": {
    "h": 71.429,
    "s": 72.414,
    "l": 34.118
  },
  "oklch": {
    "l": 0.63244,
    "c": 0.14387,
    "h": 120.7
  },
  "luminance": 0.26314
}

Semantic roles & 50–950 ramp

primary
#7E9618
secondary
#5F47C3
accent
#39EF5B
background
#FAFBF6
surface
#F4F6EB
border
#CED0C6
text
#101106
muted
#7F807A

Preview Lab

Preview with #7E9618

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

Preview Lab → · Contrast checker → · Palette generator →

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