#6A9626#6A9626

#6A9626 is a mid, vivid yellow-green. Relative luminance 0.250; OKLCH L 61.9% C 0.146 H 128.9°. Best body text is #000000 at 6.00:1 contrast (WCAG AA passes).

Color values

HEX#6A9626
RGBrgb(106, 150, 38)
HSLhsl(84, 60%, 37%)
HSVhsv(84, 75%, 59%)
CMYKcmyk(29.3%, 0%, 74.7%, 41.2%)
CIE-LABlab(57.09, -32.24, 50.96)
CIE-LCHlch(57.09, 60.30, 122.32°)
OKLaboklab(61.92% -0.092 0.1139)
OKLCHoklch(61.92% 0.146 128.9)
XYZxyz(17.2000, 25.0163, 5.7558)
Luminance0.2502 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6A9626 #522696
analogous
#968A26 #6A9626 #329626
triadic
#6A9626 #266A96 #96266A
tetradic
#6A9626 #26968A #522696 #962632
square
#6A9626 #26968A #522696 #962632
split-complementary
#6A9626 #263296 #8A2696
monochromatic
#25340D #47651A #6A9626 #8DC732 #A8D760

Accessibility & contrast

On white

3.50
#6A9626 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.00
#6A9626 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #6A9626
6.00:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6A9626#FFFFFF#000000##000000
##6A96261.003.506.006.00
#FFFFFF3.501.0021.0021.00
#0000006.0021.001.001.00
##0000006.0021.001.001.00

Color blindness preview

Protanopia (red-blind)
#9D8B10
Deuteranopia (green-blind)
#978831
Tritanopia (blue-blind)
#6D8F80
Achromatopsia (no color)
#898989

Design tokens & code

CSS
--color: #6a9626;
/* rgb */ color: rgb(106, 150, 38);
/* oklch */ color: oklch(61.9% 0.146 128.9);
Tailwind
colors: {
  custom: {
    50: '#98b569',
    500: '#6a9626',
    950: '#000000',
  },
}
SCSS
$custom: #6a9626;
$custom-light: #98b569;
$custom-dark: #000000;
JSON
{
  "hex": "#6a9626",
  "rgb": {
    "r": 106,
    "g": 150,
    "b": 38
  },
  "hsl": {
    "h": 83.571,
    "s": 59.574,
    "l": 36.863
  },
  "oklch": {
    "l": 0.6192,
    "c": 0.14639,
    "h": 128.9
  },
  "luminance": 0.25017
}

Semantic roles & 50–950 ramp

primary
#6A9626
secondary
#825CBC
accent
#45E383
background
#F9FBF6
surface
#F2F6EB
border
#CCD0C6
text
#0E1107
muted
#7E807A

Preview Lab

Preview with #6A9626

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

Preview Lab → · Contrast checker → · Palette generator →

#6A9626 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva