#7E6718#7E6718

#7E6718 is a mid, moderate yellow. Relative luminance 0.142; OKLCH L 52.2% C 0.097 H 91.6°. Best body text is #FFFFFF at 5.47:1 contrast (WCAG AA passes).

Color values

HEX#7E6718
RGBrgb(126, 103, 24)
HSLhsl(46, 68%, 29%)
HSVhsv(46, 81%, 49%)
CMYKcmyk(0%, 18.3%, 81%, 50.6%)
CIE-LABlab(44.52, 0.78, 44.70)
CIE-LCHlch(44.52, 44.71, 89.01°)
OKLaboklab(52.21% -0.0028 0.0974)
OKLCHoklch(52.21% 0.097 91.6)
XYZxyz(13.6201, 14.2029, 2.8880)
Luminance0.1420 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7E6718 #182F7E
analogous
#7E3418 #7E6718 #627E18
triadic
#7E6718 #187E67 #67187E
tetradic
#7E6718 #187E34 #182F7E #7E1862
square
#7E6718 #187E34 #182F7E #7E1862
split-complementary
#7E6718 #18627E #34187E
monochromatic
#1A1505 #4B3D0E #7E6718 #B19122 #D9B537

Accessibility & contrast

On white

5.47
#7E6718 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.84
#7E6718 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #7E6718
5.47:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7E6718#FFFFFF#000000##FFFFFF
##7E67181.005.473.845.47
#FFFFFF5.471.0021.001.00
#0000003.8421.001.0021.00
##FFFFFF5.471.0021.001.00

Color blindness preview

Protanopia (red-blind)
#736507
Deuteranopia (green-blind)
#796C1D
Tritanopia (blue-blind)
#895E58
Achromatopsia (no color)
#696969

Design tokens & code

CSS
--color: #7e6718;
/* rgb */ color: rgb(126, 103, 24);
/* oklch */ color: oklch(52.2% 0.097 91.6);
Tailwind
colors: {
  custom: {
    50: '#a7925c',
    500: '#7e6718',
    950: '#000000',
  },
}
SCSS
$custom: #7e6718;
$custom-light: #a7925c;
$custom-dark: #000000;
JSON
{
  "hex": "#7e6718",
  "rgb": {
    "r": 126,
    "g": 103,
    "b": 24
  },
  "hsl": {
    "h": 46.471,
    "s": 68,
    "l": 29.412
  },
  "oklch": {
    "l": 0.52209,
    "c": 0.09739,
    "h": 91.6
  },
  "luminance": 0.14202
}

Semantic roles & 50–950 ramp

primary
#7E6718
secondary
#3F59B2
accent
#64EB3D
background
#FAF8F5
surface
#F4F0E9
border
#CECBC5
text
#100C04
muted
#7F7D79

Preview Lab

Preview with #7E6718

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

Preview Lab → · Contrast checker → · Palette generator →

#7E6718 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva