#667814#667814

#667814 is a mid, vivid yellow-green. Relative luminance 0.163; OKLCH L 53.9% C 0.120 H 120.0°. Best body text is #FFFFFF at 4.93:1 contrast (WCAG AA passes).

Color values

HEX#667814
RGBrgb(102, 120, 20)
HSLhsl(71, 71%, 27%)
HSVhsv(71, 83%, 47%)
CMYKcmyk(15%, 0%, 83.3%, 52.9%)
CIE-LABlab(47.38, -20.11, 47.81)
CIE-LCHlch(47.38, 51.87, 112.82°)
OKLaboklab(53.95% -0.0601 0.1042)
OKLCHoklch(53.95% 0.12 120)
XYZxyz(12.3225, 16.3083, 3.1603)
Luminance0.1631 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#667814 #261478
analogous
#785814 #667814 #347814
triadic
#667814 #146678 #781466
tetradic
#667814 #147858 #261478 #781434
square
#667814 #147858 #261478 #781434
split-complementary
#667814 #143478 #581478
monochromatic
#161A04 #39440B #667814 #93AC1D #BCDC2B

Accessibility & contrast

On white

4.93
#667814 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.26
#667814 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #667814
4.93:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##667814#FFFFFF#000000##FFFFFF
##6678141.004.934.264.93
#FFFFFF4.931.0021.001.00
#0000004.2621.001.0021.00
##FFFFFF4.931.0021.001.00

Color blindness preview

Protanopia (red-blind)
#807100
Deuteranopia (green-blind)
#7E711E
Tritanopia (blue-blind)
#6C7166
Achromatopsia (no color)
#707070

Design tokens & code

CSS
--color: #667814;
/* rgb */ color: rgb(102, 120, 20);
/* oklch */ color: oklch(53.9% 0.120 120.0);
Tailwind
colors: {
  custom: {
    50: '#959f5c',
    500: '#667814',
    950: '#000000',
  },
}
SCSS
$custom: #667814;
$custom-light: #959f5c;
$custom-dark: #000000;
JSON
{
  "hex": "#667814",
  "rgb": {
    "r": 102,
    "g": 120,
    "b": 20
  },
  "hsl": {
    "h": 70.8,
    "s": 71.429,
    "l": 27.451
  },
  "oklch": {
    "l": 0.5395,
    "c": 0.12033,
    "h": 120
  },
  "luminance": 0.16308
}

Semantic roles & 50–950 ramp

primary
#667814
secondary
#4F3AAE
accent
#3AEE5A
background
#F9F9F5
surface
#F2F2E9
border
#CCCCC5
text
#0E0E04
muted
#7E7E79

Preview Lab

Preview with #667814

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

Preview Lab → · Contrast checker → · Palette generator →

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