#526E32#526E32

#526E32 is a mid, moderate yellow-green. Relative luminance 0.132; OKLCH L 50.2% C 0.093 H 129.9°. Best body text is #FFFFFF at 5.78:1 contrast (WCAG AA passes).

Color values

HEX	#526E32
RGB	rgb(82, 110, 50)
HSL	hsl(88, 38%, 31%)
HSV	hsv(88, 55%, 43%)
CMYK	cmyk(25.5%, 0%, 54.5%, 56.9%)
CIE-LAB	lab(43.03, -21.32, 29.90)
CIE-LCH	lch(43.03, 36.72, 125.49°)
OKLab	oklab(50.15% -0.0594 0.0711)
OKLCH	oklch(50.15% 0.093 129.9)
XYZ	xyz(9.6312, 13.1758, 5.0527)
Luminance	0.1318 (WCAG relative)
Temperature	warm
Family	yellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#526E32 #4E326E

analogous

#6E6C32 #526E32 #346E32

triadic

#526E32 #32526E #6E3252

tetradic

#526E32 #326E6C #4E326E #6E3234

square

#526E32 #326E6C #4E326E #6E3234

split-complementary

#526E32 #32346E #6C326E

monochromatic

#131A0C #33441F #526E32 #719845 #90B863

Accessibility & contrast

On white

5.78

#526E32 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.64

#526E32 on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #526E32

5.78:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##526E32	#FFFFFF	#000000	##FFFFFF
##526E32	1.00	5.78	3.64	5.78
#FFFFFF	5.78	1.00	21.00	1.00
#000000	3.64	21.00	1.00	21.00
##FFFFFF	5.78	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#73672D

Deuteranopia (green-blind)

#6F6536

Tritanopia (blue-blind)

#546A60

Achromatopsia (no color)

#666666

Design tokens & code

CSS

--color: #526e32;
/* rgb */ color: rgb(82, 110, 50);
/* oklch */ color: oklch(50.2% 0.093 129.9);

Tailwind

colors: {
  custom: {
    50: '#84976b',
    500: '#526e32',
    950: '#000000',
  },
}

SCSS

$custom: #526e32;
$custom-light: #84976b;
$custom-dark: #000000;

JSON

{
  "hex": "#526e32",
  "rgb": {
    "r": 82,
    "g": 110,
    "b": 50
  },
  "hsl": {
    "h": 88,
    "s": 37.5,
    "l": 31.373
  },
  "oklch": {
    "l": 0.50151,
    "c": 0.09264,
    "h": 129.9
  },
  "luminance": 0.13176
}

Semantic roles & 50–950 ramp

primary

#526E32

secondary

#7C5D9F

accent

#5ACD90

background

#F8F9F6

surface

#EFF2EB

border

#CACCC6

text

#0B0D07

muted

#7C7E7A

Preview Lab

Preview with #526E32

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

Preview Lab → · Contrast checker → · Palette generator →