#44844D#44844D

#44844D is a mid, moderate green. Relative luminance 0.183; OKLCH L 55.6% C 0.107 H 147.1°. Best body text is #000000 at 4.65:1 contrast (WCAG AA passes).

Color values

HEX	#44844D
RGB	rgb(68, 132, 77)
HSL	hsl(128, 32%, 39%)
HSV	hsv(128, 48%, 52%)
CMYK	cmyk(48.5%, 0%, 41.7%, 48.2%)
CIE-LAB	lab(49.82, -33.05, 23.50)
CIE-LCH	lch(49.82, 40.55, 144.58°)
OKLab	oklab(55.6% -0.0898 0.0582)
OKLCH	oklch(55.6% 0.107 147.1)
XYZ	xyz(11.9740, 18.2664, 9.9145)
Luminance	0.1827 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#44844D #84447B

analogous

#5B8444 #44844D #44846D

triadic

#44844D #4D4484 #844D44

tetradic

#44844D #445B84 #84447B #846D44

square

#44844D #445B84 #84447B #846D44

split-complementary

#44844D #6D4484 #84445B

monochromatic

#1A331E #2F5C35 #44844D #5BAA66 #83BF8C

Accessibility & contrast

On white

4.51

#44844D on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.65

#44844D on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #44844D

4.65:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##44844D	#FFFFFF	#000000	##000000
##44844D	1.00	4.51	4.65	4.65
#FFFFFF	4.51	1.00	21.00	21.00
#000000	4.65	21.00	1.00	1.00
##000000	4.65	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#867A49

Deuteranopia (green-blind)

#7C7450

Tritanopia (blue-blind)

#398176

Achromatopsia (no color)

#767676

Design tokens & code

CSS

--color: #44844d;
/* rgb */ color: rgb(68, 132, 77);
/* oklch */ color: oklch(55.6% 0.107 147.1);

Tailwind

colors: {
  custom: {
    50: '#7ca87f',
    500: '#44844d',
    950: '#000000',
  },
}

SCSS

$custom: #44844d;
$custom-light: #7ca87f;
$custom-dark: #000000;

JSON

{
  "hex": "#44844d",
  "rgb": {
    "r": 68,
    "g": 132,
    "b": 77
  },
  "hsl": {
    "h": 128.438,
    "s": 32,
    "l": 39.216
  },
  "oklch": {
    "l": 0.55601,
    "c": 0.10698,
    "h": 147.1
  },
  "luminance": 0.18267
}

Semantic roles & 50–950 ramp

primary

#44844D

secondary

#AA79A3

accent

#60B9C8

background

#F7FAF7

surface

#EEF4EE

border

#C9CEC9

text

#0A100A

muted

#7C7F7C

Preview Lab

Preview with #44844D

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

Preview Lab → · Contrast checker → · Palette generator →