#68941E#68941E

#68941E is a mid, vivid yellow-green. Relative luminance 0.242; OKLCH L 61.2% C 0.149 H 128.7°. Best body text is #000000 at 5.84:1 contrast (WCAG AA passes).

Color values

HEX#68941E
RGBrgb(104, 148, 30)
HSLhsl(82, 66%, 35%)
HSVhsv(82, 80%, 58%)
CMYKcmyk(29.7%, 0%, 79.7%, 42%)
CIE-LABlab(56.30, -32.54, 52.89)
CIE-LCHlch(56.30, 62.10, 121.60°)
OKLaboklab(61.23% -0.0933 0.1167)
OKLCHoklch(61.23% 0.149 128.7)
XYZxyz(16.5332, 24.2162, 5.0312)
Luminance0.2422 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#68941E #4A1E94
analogous
#94851E #68941E #2D941E
triadic
#68941E #1E6894 #941E68
tetradic
#68941E #1E9485 #4A1E94 #941E2D
square
#68941E #1E9485 #4A1E94 #941E2D
split-complementary
#68941E #1E2D94 #851E94
monochromatic
#202E09 #446114 #68941E #8CC728 #A8DC51

Accessibility & contrast

On white

3.59
#68941E on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.84
#68941E on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #68941E
5.84:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##68941E#FFFFFF#000000##000000
##68941E1.003.595.845.84
#FFFFFF3.591.0021.0021.00
#0000005.8421.001.001.00
##0000005.8421.001.001.00

Color blindness preview

Protanopia (red-blind)
#9C8900
Deuteranopia (green-blind)
#95862B
Tritanopia (blue-blind)
#6C8D7E
Achromatopsia (no color)
#878787

Design tokens & code

CSS
--color: #68941e;
/* rgb */ color: rgb(104, 148, 30);
/* oklch */ color: oklch(61.2% 0.149 128.7);
Tailwind
colors: {
  custom: {
    50: '#97b364',
    500: '#68941e',
    950: '#000000',
  },
}
SCSS
$custom: #68941e;
$custom-light: #97b364;
$custom-dark: #000000;
JSON
{
  "hex": "#68941e",
  "rgb": {
    "r": 104,
    "g": 148,
    "b": 30
  },
  "hsl": {
    "h": 82.373,
    "s": 66.292,
    "l": 34.902
  },
  "oklch": {
    "l": 0.61233,
    "c": 0.14941,
    "h": 128.7
  },
  "luminance": 0.24217
}

Semantic roles & 50–950 ramp

primary
#68941E
secondary
#794FBF
accent
#3FE97E
background
#F9FBF6
surface
#F2F6EB
border
#CCD0C6
text
#0E1106
muted
#7E807A

Preview Lab

Preview with #68941E

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

Preview Lab → · Contrast checker → · Palette generator →

#68941E Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva