#335210#335210

#335210 is a dark, moderate yellow-green. Relative luminance 0.068; OKLCH L 40.0% C 0.099 H 131.8°. Best body text is #FFFFFF at 8.92:1 contrast (WCAG AA passes).

Color values

HEX#335210
RGBrgb(51, 82, 16)
HSLhsl(88, 67%, 19%)
HSVhsv(88, 80%, 32%)
CMYKcmyk(37.8%, 0%, 80.5%, 67.8%)
CIE-LABlab(31.29, -23.28, 32.94)
CIE-LCHlch(31.29, 40.33, 125.25°)
OKLaboklab(39.98% -0.0658 0.0737)
OKLCHoklch(39.98% 0.099 131.8)
XYZxyz(4.4760, 6.7756, 1.5621)
Luminance0.0678 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#335210 #2F1052
analogous
#525010 #335210 #125210
triadic
#335210 #103352 #521033
tetradic
#335210 #105250 #2F1052 #521012
square
#335210 #105250 #2F1052 #521012
split-complementary
#335210 #101252 #501052
monochromatic
#101A05 #131F06 #335210 #53851A #73B824

Accessibility & contrast

On white

8.92
#335210 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.36
#335210 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #335210
8.92:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##335210#FFFFFF#000000##FFFFFF
##3352101.008.922.368.92
#FFFFFF8.921.0021.001.00
#0000002.3621.001.0021.00
##FFFFFF8.921.0021.001.00

Color blindness preview

Protanopia (red-blind)
#564B04
Deuteranopia (green-blind)
#524916
Tritanopia (blue-blind)
#344E45
Achromatopsia (no color)
#4A4A4A

Design tokens & code

CSS
--color: #335210;
/* rgb */ color: rgb(51, 82, 16);
/* oklch */ color: oklch(40.0% 0.099 131.8);
Tailwind
colors: {
  custom: {
    50: '#6e8354',
    500: '#335210',
    950: '#000000',
  },
}
SCSS
$custom: #335210;
$custom-light: #6e8354;
$custom-dark: #000000;
JSON
{
  "hex": "#335210",
  "rgb": {
    "r": 51,
    "g": 82,
    "b": 16
  },
  "hsl": {
    "h": 88.182,
    "s": 67.347,
    "l": 19.216
  },
  "oklch": {
    "l": 0.39984,
    "c": 0.09878,
    "h": 131.8
  },
  "luminance": 0.06776
}

Semantic roles & 50–950 ramp

primary
#335210
secondary
#5C328C
accent
#3EEA8F
background
#F6F8F4
surface
#ECEFE8
border
#C7CAC4
text
#070A03
muted
#7A7C78

Preview Lab

Preview with #335210

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

Preview Lab → · Contrast checker → · Palette generator →

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