#686314#686314

#686314 is a mid, moderate yellow. Relative luminance 0.119; OKLCH L 48.9% C 0.096 H 105.7°. Best body text is #FFFFFF at 6.21:1 contrast (WCAG AA passes).

Color values

HEX#686314
RGBrgb(104, 99, 20)
HSLhsl(56, 68%, 24%)
HSVhsv(56, 81%, 41%)
CMYKcmyk(0%, 4.8%, 80.8%, 59.2%)
CIE-LABlab(41.08, -7.69, 42.19)
CIE-LCHlch(41.08, 42.89, 100.34°)
OKLaboklab(48.95% -0.0259 0.0922)
OKLCHoklch(48.95% 0.096 105.7)
XYZxyz(10.2975, 11.9176, 2.4196)
Luminance0.1192 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#686314 #141968
analogous
#683914 #686314 #436814
triadic
#686314 #146863 #631468
tetradic
#686314 #146839 #141968 #681443
square
#686314 #146839 #141968 #681443
split-complementary
#686314 #144368 #391468
monochromatic
#1A1805 #35320A #686314 #9B941E #CFC528

Accessibility & contrast

On white

6.21
#686314 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.38
#686314 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #686314
6.21:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##686314#FFFFFF#000000##FFFFFF
##6863141.006.213.386.21
#FFFFFF6.211.0021.001.00
#0000003.3821.001.0021.00
##FFFFFF6.211.0021.001.00

Color blindness preview

Protanopia (red-blind)
#6C5F03
Deuteranopia (green-blind)
#6E621A
Tritanopia (blue-blind)
#705C54
Achromatopsia (no color)
#616161

Design tokens & code

CSS
--color: #686314;
/* rgb */ color: rgb(104, 99, 20);
/* oklch */ color: oklch(48.9% 0.096 105.7);
Tailwind
colors: {
  custom: {
    50: '#968f59',
    500: '#686314',
    950: '#000000',
  },
}
SCSS
$custom: #686314;
$custom-light: #968f59;
$custom-dark: #000000;
JSON
{
  "hex": "#686314",
  "rgb": {
    "r": 104,
    "g": 99,
    "b": 20
  },
  "hsl": {
    "h": 56.429,
    "s": 67.742,
    "l": 24.314
  },
  "oklch": {
    "l": 0.48948,
    "c": 0.09575,
    "h": 105.7
  },
  "luminance": 0.11917
}

Semantic roles & 50–950 ramp

primary
#686314
secondary
#393F9F
accent
#48EB3D
background
#F9F8F5
surface
#F2F0E9
border
#CCCBC5
text
#0E0C04
muted
#7E7D79

Preview Lab

Preview with #686314

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

Preview Lab → · Contrast checker → · Palette generator →

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