#345628#345628

#345628 is a dark, moderate green. Relative luminance 0.075; OKLCH L 41.5% C 0.082 H 138.1°. Best body text is #FFFFFF at 8.37:1 contrast (WCAG AA passes).

Color values

HEX	#345628
RGB	rgb(52, 86, 40)
HSL	hsl(104, 37%, 25%)
HSV	hsv(104, 53%, 34%)
CMYK	cmyk(39.5%, 0%, 53.5%, 66.3%)
CIE-LAB	lab(33.00, -22.30, 22.82)
CIE-LCH	lch(33.00, 31.91, 134.34°)
OKLab	oklab(41.48% -0.0612 0.055)
OKLCH	oklch(41.48% 0.082 138.1)
XYZ	xyz(5.1268, 7.5386, 3.1920)
Luminance	0.0754 (WCAG relative)
Temperature	warm
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#345628 #4A2856

analogous

#4B5628 #345628 #285633

triadic

#345628 #283456 #562834

tetradic

#345628 #284B56 #4A2856 #563328

square

#345628 #284B56 #4A2856 #563328

split-complementary

#345628 #332856 #56284B

monochromatic

#0D150A #1B2C15 #345628 #4D803B #67AA4F

Accessibility & contrast

On white

8.37

#345628 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.51

#345628 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #345628

8.37:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##345628	#FFFFFF	#000000	##FFFFFF
##345628	1.00	8.37	2.51	8.37
#FFFFFF	8.37	1.00	21.00	1.00
#000000	2.51	21.00	1.00	21.00
##FFFFFF	8.37	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#595024

Deuteranopia (green-blind)

#544C2B

Tritanopia (blue-blind)

#32534B

Achromatopsia (no color)

#4E4E4E

Design tokens & code

CSS

--color: #345628;
/* rgb */ color: rgb(52, 86, 40);
/* oklch */ color: oklch(41.5% 0.082 138.1);

Tailwind

colors: {
  custom: {
    50: '#6e8663',
    500: '#345628',
    950: '#000000',
  },
}

SCSS

$custom: #345628;
$custom-light: #6e8663;
$custom-dark: #000000;

JSON

{
  "hex": "#345628",
  "rgb": {
    "r": 52,
    "g": 86,
    "b": 40
  },
  "hsl": {
    "h": 104.348,
    "s": 36.508,
    "l": 24.706
  },
  "oklch": {
    "l": 0.41479,
    "c": 0.08226,
    "h": 138.1
  },
  "luminance": 0.07539
}

Semantic roles & 50–950 ramp

primary

#345628

secondary

#7A5189

accent

#5BCDAF

background

#F6F8F5

surface

#ECEFEA

border

#C7CAC6

text

#070B05

muted

#7A7C79

Preview Lab

Preview with #345628

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

Preview Lab → · Contrast checker → · Palette generator →