#408443#408443

#408443 is a mid, moderate green. Relative luminance 0.180; OKLCH L 55.2% C 0.120 H 144.6°. Best body text is #000000 at 4.60:1 contrast (WCAG AA passes).

Color values

HEX#408443
RGBrgb(64, 132, 67)
HSLhsl(123, 35%, 38%)
HSVhsv(123, 52%, 52%)
CMYKcmyk(51.5%, 0%, 49.2%, 48.2%)
CIE-LABlab(49.49, -35.87, 28.52)
CIE-LCHlch(49.49, 45.83, 141.52°)
OKLaboklab(55.24% -0.0975 0.0693)
OKLCHoklch(55.24% 0.12 144.6)
XYZxyz(11.3781, 17.9969, 8.1833)
Luminance0.1800 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#408443 #844081
analogous
#5F8440 #408443 #408465
triadic
#408443 #434084 #844340
tetradic
#408443 #405F84 #844081 #846540
square
#408443 #405F84 #844081 #846540
split-complementary
#408443 #654084 #84405F
monochromatic
#183219 #2C5B2E #408443 #55AC59 #7EC081

Accessibility & contrast

On white

4.57
#408443 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.60
#408443 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #408443
4.60:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##408443#FFFFFF#000000##000000
##4084431.004.574.604.60
#FFFFFF4.571.0021.0021.00
#0000004.6021.001.001.00
##0000004.6021.001.001.00

Color blindness preview

Protanopia (red-blind)
#86793E
Deuteranopia (green-blind)
#7D7347
Tritanopia (blue-blind)
#368175
Achromatopsia (no color)
#767676

Design tokens & code

CSS
--color: #408443;
/* rgb */ color: rgb(64, 132, 67);
/* oklch */ color: oklch(55.2% 0.120 144.6);
Tailwind
colors: {
  custom: {
    50: '#7aa878',
    500: '#408443',
    950: '#000000',
  },
}
SCSS
$custom: #408443;
$custom-light: #7aa878;
$custom-dark: #000000;
JSON
{
  "hex": "#408443",
  "rgb": {
    "r": 64,
    "g": 132,
    "b": 67
  },
  "hsl": {
    "h": 122.647,
    "s": 34.694,
    "l": 38.431
  },
  "oklch": {
    "l": 0.55237,
    "c": 0.11959,
    "h": 144.6
  },
  "luminance": 0.17998
}

Semantic roles & 50–950 ramp

primary
#408443
secondary
#AB75A9
accent
#5DC6CB
background
#F7FAF7
surface
#EEF4ED
border
#C9CEC8
text
#0A1009
muted
#7C7F7B

Preview Lab

Preview with #408443

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

Preview Lab → · Contrast checker → · Palette generator →

#408443 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva