#678332#678332

#678332 is a mid, moderate yellow-green. Relative luminance 0.193; OKLCH L 57.0% C 0.113 H 125.9°. Best body text is #000000 at 4.87:1 contrast (WCAG AA passes).

Color values

HEX#678332
RGBrgb(103, 131, 50)
HSLhsl(81, 45%, 35%)
HSVhsv(81, 62%, 51%)
CMYKcmyk(21.4%, 0%, 61.8%, 48.6%)
CIE-LABlab(51.09, -23.34, 39.57)
CIE-LCHlch(51.09, 45.94, 120.53°)
OKLaboklab(57.04% -0.0663 0.0917)
OKLCHoklch(57.04% 0.113 125.9)
XYZxyz(14.2856, 19.3463, 5.9986)
Luminance0.1935 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#678332 #4E3283
analogous
#837632 #678332 #3E8332
triadic
#678332 #326783 #833267
tetradic
#678332 #328376 #4E3283 #83323E
square
#678332 #328376 #4E3283 #83323E
split-complementary
#678332 #323E83 #763283
monochromatic
#212A10 #445721 #678332 #8AAF43 #A6C669

Accessibility & contrast

On white

4.31
#678332 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.87
#678332 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #678332
4.87:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##678332#FFFFFF#000000##000000
##6783321.004.314.874.87
#FFFFFF4.311.0021.0021.00
#0000004.8721.001.001.00
##0000004.8721.001.001.00

Color blindness preview

Protanopia (red-blind)
#8A7B29
Deuteranopia (green-blind)
#867938
Tritanopia (blue-blind)
#6B7D72
Achromatopsia (no color)
#7A7A7A

Design tokens & code

CSS
--color: #678332;
/* rgb */ color: rgb(103, 131, 50);
/* oklch */ color: oklch(57.0% 0.113 125.9);
Tailwind
colors: {
  custom: {
    50: '#95a76d',
    500: '#678332',
    950: '#000000',
  },
}
SCSS
$custom: #678332;
$custom-light: #95a76d;
$custom-dark: #000000;
JSON
{
  "hex": "#678332",
  "rgb": {
    "r": 103,
    "g": 131,
    "b": 50
  },
  "hsl": {
    "h": 80.741,
    "s": 44.751,
    "l": 35.49
  },
  "oklch": {
    "l": 0.57036,
    "c": 0.11313,
    "h": 125.9
  },
  "luminance": 0.19346
}

Semantic roles & 50–950 ramp

primary
#678332
secondary
#7D63AE
accent
#53D480
background
#F9FAF6
surface
#F2F4EC
border
#CCCEC7
text
#0D0F07
muted
#7E7F7A

Preview Lab

Preview with #678332

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

Preview Lab → · Contrast checker → · Palette generator →

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