#477818#477818

#477818 is a mid, vivid yellow-green. Relative luminance 0.148; OKLCH L 51.8% C 0.134 H 133.4°. Best body text is #FFFFFF at 5.29:1 contrast (WCAG AA passes).

Color values

HEX#477818
RGBrgb(71, 120, 24)
HSLhsl(91, 67%, 28%)
HSVhsv(91, 80%, 47%)
CMYKcmyk(40.8%, 0%, 80%, 52.9%)
CIE-LABlab(45.41, -32.83, 43.98)
CIE-LCHlch(45.41, 54.88, 126.74°)
OKLaboklab(51.84% -0.0924 0.0977)
OKLCHoklch(51.84% 0.134 133.4)
XYZxyz(9.4797, 14.8380, 3.2285)
Luminance0.1484 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#477818 #491878
analogous
#777818 #477818 #187819
triadic
#477818 #184778 #781847
tetradic
#477818 #187778 #491878 #781918
square
#477818 #187778 #491878 #781918
split-complementary
#477818 #191878 #781877
monochromatic
#0F1A05 #29450E #477818 #65AB22 #84D634

Accessibility & contrast

On white

5.29
#477818 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.97
#477818 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #477818
5.29:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##477818#FFFFFF#000000##FFFFFF
##4778181.005.293.975.29
#FFFFFF5.291.0021.001.00
#0000003.9721.001.0021.00
##FFFFFF5.291.0021.001.00

Color blindness preview

Protanopia (red-blind)
#7D6E01
Deuteranopia (green-blind)
#766A22
Tritanopia (blue-blind)
#477366
Achromatopsia (no color)
#6B6B6B

Design tokens & code

CSS
--color: #477818;
/* rgb */ color: rgb(71, 120, 24);
/* oklch */ color: oklch(51.8% 0.134 133.4);
Tailwind
colors: {
  custom: {
    50: '#7f9f5d',
    500: '#477818',
    950: '#000000',
  },
}
SCSS
$custom: #477818;
$custom-light: #7f9f5d;
$custom-dark: #000000;
JSON
{
  "hex": "#477818",
  "rgb": {
    "r": 71,
    "g": 120,
    "b": 24
  },
  "hsl": {
    "h": 90.625,
    "s": 66.667,
    "l": 28.235
  },
  "oklch": {
    "l": 0.51842,
    "c": 0.13449,
    "h": 133.4
  },
  "luminance": 0.14838
}

Semantic roles & 50–950 ramp

primary
#477818
secondary
#773FAD
accent
#3EEA96
background
#F8F9F5
surface
#EFF2E9
border
#CACCC5
text
#0A0E05
muted
#7C7E79

Preview Lab

Preview with #477818

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

Preview Lab → · Contrast checker → · Palette generator →

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