#436726#436726

#436726 is a mid, moderate yellow-green. Relative luminance 0.110; OKLCH L 47.1% C 0.102 H 133.3°. Best body text is #FFFFFF at 6.55:1 contrast (WCAG AA passes).

Color values

HEX	#436726
RGB	rgb(67, 103, 38)
HSL	hsl(93, 46%, 28%)
HSV	hsv(93, 63%, 40%)
CMYK	cmyk(35%, 0%, 63.1%, 59.6%)
CIE-LAB	lab(39.64, -25.21, 31.93)
CIE-LCH	lch(39.64, 40.69, 128.30°)
OKLab	oklab(47.11% -0.0703 0.0745)
OKLCH	oklch(47.11% 0.102 133.3)
XYZ	xyz(7.5147, 11.0334, 3.5671)
Luminance	0.1103 (WCAG relative)
Temperature	warm
Family	yellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#436726 #4A2667

analogous

#636726 #436726 #26672A

triadic

#436726 #264367 #672643

tetradic

#436726 #266367 #4A2667 #672A26

square

#436726 #266367 #4A2667 #672A26

split-complementary

#436726 #2A2667 #672663

monochromatic

#0F1608 #263A16 #436726 #609436 #7EBD4B

Accessibility & contrast

On white

6.55

#436726 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.21

#436726 on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #436726

6.55:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##436726	#FFFFFF	#000000	##FFFFFF
##436726	1.00	6.55	3.21	6.55
#FFFFFF	6.55	1.00	21.00	1.00
#000000	3.21	21.00	1.00	21.00
##FFFFFF	6.55	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#6B5F1F

Deuteranopia (green-blind)

#665C2B

Tritanopia (blue-blind)

#436359

Achromatopsia (no color)

#5D5D5D

Design tokens & code

CSS

--color: #436726;
/* rgb */ color: rgb(67, 103, 38);
/* oklch */ color: oklch(47.1% 0.102 133.3);

Tailwind

colors: {
  custom: {
    50: '#7a9263',
    500: '#436726',
    950: '#000000',
  },
}

SCSS

$custom: #436726;
$custom-light: #7a9263;
$custom-dark: #000000;

JSON

{
  "hex": "#436726",
  "rgb": {
    "r": 67,
    "g": 103,
    "b": 38
  },
  "hsl": {
    "h": 93.231,
    "s": 46.099,
    "l": 27.647
  },
  "oklch": {
    "l": 0.47105,
    "c": 0.10238,
    "h": 133.3
  },
  "luminance": 0.11034
}

Semantic roles & 50–950 ramp

primary

#436726

secondary

#784F9A

accent

#52D69B

background

#F7F9F6

surface

#EEF1EB

border

#C9CBC6

text

#090D05

muted

#7B7E7A

Preview Lab

Preview with #436726

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

Preview Lab → · Contrast checker → · Palette generator →