#424C2D#424C2D

#424C2D is a dark, muted yellow-green. Relative luminance 0.065; OKLCH L 39.9% C 0.051 H 123.2°. Best body text is #FFFFFF at 9.12:1 contrast (WCAG AA passes).

Color values

HEX#424C2D
RGBrgb(66, 76, 45)
HSLhsl(79, 26%, 24%)
HSVhsv(79, 41%, 30%)
CMYKcmyk(13.2%, 0%, 40.8%, 70.2%)
CIE-LABlab(30.68, -10.13, 17.13)
CIE-LCHlch(30.68, 19.90, 120.59°)
OKLaboklab(39.89% -0.0277 0.0422)
OKLCHoklch(39.89% 0.051 123.2)
XYZxyz(5.3048, 6.5166, 3.4605)
Luminance0.0652 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#424C2D #372D4C
analogous
#4C462D #424C2D #324C2D
triadic
#424C2D #2D424C #4C2D42
tetradic
#424C2D #2D4C46 #372D4C #4C2D32
square
#424C2D #2D4C46 #372D4C #4C2D32
split-complementary
#424C2D #2D324C #462D4C
monochromatic
#11130B #212616 #424C2D #637244 #85995B

Accessibility & contrast

On white

9.12
#424C2D on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.30
#424C2D on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #424C2D
9.12:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##424C2D#FFFFFF#000000##FFFFFF
##424C2D1.009.122.309.12
#FFFFFF9.121.0021.001.00
#0000002.3021.001.0021.00
##FFFFFF9.121.0021.001.00

Color blindness preview

Protanopia (red-blind)
#4F482B
Deuteranopia (green-blind)
#4E482F
Tritanopia (blue-blind)
#444944
Achromatopsia (no color)
#484848

Design tokens & code

CSS
--color: #424c2d;
/* rgb */ color: rgb(66, 76, 45);
/* oklch */ color: oklch(39.9% 0.051 123.2);
Tailwind
colors: {
  custom: {
    50: '#777e66',
    500: '#424c2d',
    950: '#000000',
  },
}
SCSS
$custom: #424c2d;
$custom-light: #777e66;
$custom-dark: #000000;
JSON
{
  "hex": "#424c2d",
  "rgb": {
    "r": 66,
    "g": 76,
    "b": 45
  },
  "hsl": {
    "h": 79.355,
    "s": 25.62,
    "l": 23.725
  },
  "oklch": {
    "l": 0.39885,
    "c": 0.0505,
    "h": 123.2
  },
  "luminance": 0.06517
}

Semantic roles & 50–950 ramp

primary
#424C2D
secondary
#64577D
accent
#66C284
background
#F7F7F6
surface
#EDEEEB
border
#C8C9C6
text
#080906
muted
#7B7B7A

Preview Lab

Preview with #424C2D

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

Preview Lab → · Contrast checker → · Palette generator →

#424C2D Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva