#476818#476818

#476818 is a mid, moderate yellow-green. Relative luminance 0.113; OKLCH L 47.5% C 0.113 H 129.6°. Best body text is #FFFFFF at 6.44:1 contrast (WCAG AA passes).

Color values

HEX#476818
RGBrgb(71, 104, 24)
HSLhsl(85, 63%, 25%)
HSVhsv(85, 77%, 41%)
CMYKcmyk(31.7%, 0%, 76.9%, 59.2%)
CIE-LABlab(40.09, -25.29, 38.82)
CIE-LCHlch(40.09, 46.34, 123.09°)
OKLaboklab(47.5% -0.072 0.0869)
OKLCHoklch(47.5% 0.113 129.6)
XYZxyz(7.7137, 11.3059, 2.6398)
Luminance0.1131 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#476818 #391868
analogous
#686118 #476818 #1F6818
triadic
#476818 #184768 #681847
tetradic
#476818 #186861 #391868 #68181F
square
#476818 #186861 #391868 #68181F
split-complementary
#476818 #181F68 #611868
monochromatic
#111906 #25360D #476818 #699A23 #8BCB2F

Accessibility & contrast

On white

6.44
#476818 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.26
#476818 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #476818
6.44:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##476818#FFFFFF#000000##FFFFFF
##4768181.006.443.266.44
#FFFFFF6.441.0021.001.00
#0000003.2621.001.0021.00
##FFFFFF6.441.0021.001.00

Color blindness preview

Protanopia (red-blind)
#6D6009
Deuteranopia (green-blind)
#695E1F
Tritanopia (blue-blind)
#496359
Achromatopsia (no color)
#5E5E5E

Design tokens & code

CSS
--color: #476818;
/* rgb */ color: rgb(71, 104, 24);
/* oklch */ color: oklch(47.5% 0.113 129.6);
Tailwind
colors: {
  custom: {
    50: '#7d935b',
    500: '#476818',
    950: '#000000',
  },
}
SCSS
$custom: #476818;
$custom-light: #7d935b;
$custom-dark: #000000;
JSON
{
  "hex": "#476818",
  "rgb": {
    "r": 71,
    "g": 104,
    "b": 24
  },
  "hsl": {
    "h": 84.75,
    "s": 62.5,
    "l": 25.098
  },
  "oklch": {
    "l": 0.475,
    "c": 0.11286,
    "h": 129.6
  },
  "luminance": 0.11306
}

Semantic roles & 50–950 ramp

primary
#476818
secondary
#653E9E
accent
#42E686
background
#F7F9F5
surface
#EEF1E9
border
#C9CBC5
text
#0A0D04
muted
#7C7E79

Preview Lab

Preview with #476818

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

Preview Lab → · Contrast checker → · Palette generator →

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