#829232#829232

#829232 is a light, vivid yellow-green. Relative luminance 0.255; OKLCH L 62.8% C 0.122 H 118.1°. Best body text is #000000 at 6.11:1 contrast (WCAG AA passes).

Color values

HEX	#829232
RGB	rgb(130, 146, 50)
HSL	hsl(70, 49%, 38%)
HSV	hsv(70, 66%, 57%)
CMYK	cmyk(11%, 0%, 65.8%, 42.7%)
CIE-LAB	lab(57.59, -19.51, 47.19)
CIE-LCH	lch(57.59, 51.06, 112.46°)
OKLab	oklab(62.77% -0.0573 0.1073)
OKLCH	oklch(62.77% 0.122 118.1)
XYZ	xyz(20.0609, 25.5341, 6.8887)
Luminance	0.2553 (WCAG relative)
Temperature	warm
Family	yellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#829232 #423292

analogous

#927232 #829232 #529232

triadic

#829232 #328292 #923282

tetradic

#829232 #329272 #423292 #923252

square

#829232 #329272 #423292 #923252

split-complementary

#829232 #325292 #723292

monochromatic

#313713 #596422 #829232 #AABF43 #BECE70

Accessibility & contrast

On white

3.44

#829232 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.11

#829232 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #829232

6.11:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##829232	#FFFFFF	#000000	##000000
##829232	1.00	3.44	6.11	6.11
#FFFFFF	3.44	1.00	21.00	21.00
#000000	6.11	21.00	1.00	1.00
##000000	6.11	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#9B8A25

Deuteranopia (green-blind)

#9A8B39

Tritanopia (blue-blind)

#8A8A7E

Achromatopsia (no color)

#8A8A8A

Design tokens & code

CSS

--color: #829232;
/* rgb */ color: rgb(130, 146, 50);
/* oklch */ color: oklch(62.8% 0.122 118.1);

Tailwind

colors: {
  custom: {
    50: '#a9b16f',
    500: '#829232',
    950: '#000000',
  },
}

SCSS

$custom: #829232;
$custom-light: #a9b16f;
$custom-dark: #000000;

JSON

{
  "hex": "#829232",
  "rgb": {
    "r": 130,
    "g": 146,
    "b": 50
  },
  "hsl": {
    "h": 70,
    "s": 48.98,
    "l": 38.431
  },
  "oklch": {
    "l": 0.62771,
    "c": 0.12163,
    "h": 118.1
  },
  "luminance": 0.25534
}

Semantic roles & 50–950 ramp

primary

#829232

secondary

#776AB6

accent

#4FD966

background

#FAFAF6

surface

#F4F5EC

border

#CECFC7

text

#101008

muted

#7F7F7B

Preview Lab

Preview with #829232

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

Preview Lab → · Contrast checker → · Palette generator →