#6E5E15#6E5E15

#6E5E15 is a mid, moderate yellow. Relative luminance 0.114; OKLCH L 48.4% C 0.091 H 96.1°. Best body text is #FFFFFF at 6.41:1 contrast (WCAG AA passes).

Color values

HEX#6E5E15
RGBrgb(110, 94, 21)
HSLhsl(49, 68%, 26%)
HSVhsv(49, 81%, 43%)
CMYKcmyk(0%, 14.5%, 80.9%, 56.9%)
CIE-LABlab(40.21, -1.83, 41.24)
CIE-LCHlch(40.21, 41.28, 92.54°)
OKLaboklab(48.39% -0.0095 0.0901)
OKLCHoklch(48.39% 0.091 96.1)
XYZxyz(10.5690, 11.3751, 2.3482)
Luminance0.1138 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6E5E15 #15256E
analogous
#6E3115 #6E5E15 #516E15
triadic
#6E5E15 #156E5E #5E156E
tetradic
#6E5E15 #156E31 #15256E #6E1551
square
#6E5E15 #156E31 #15256E #6E1551
split-complementary
#6E5E15 #15516E #31156E
monochromatic
#1A1605 #3B320B #6E5E15 #A18A1F #D5B629

Accessibility & contrast

On white

6.41
#6E5E15 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.28
#6E5E15 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #6E5E15
6.41:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6E5E15#FFFFFF#000000##FFFFFF
##6E5E151.006.413.286.41
#FFFFFF6.411.0021.001.00
#0000003.2821.001.0021.00
##FFFFFF6.411.0021.001.00

Color blindness preview

Protanopia (red-blind)
#695C06
Deuteranopia (green-blind)
#6D611A
Tritanopia (blue-blind)
#775650
Achromatopsia (no color)
#5F5F5F

Design tokens & code

CSS
--color: #6e5e15;
/* rgb */ color: rgb(110, 94, 21);
/* oklch */ color: oklch(48.4% 0.091 96.1);
Tailwind
colors: {
  custom: {
    50: '#9b8b59',
    500: '#6e5e15',
    950: '#000000',
  },
}
SCSS
$custom: #6e5e15;
$custom-light: #9b8b59;
$custom-dark: #000000;
JSON
{
  "hex": "#6e5e15",
  "rgb": {
    "r": 110,
    "g": 94,
    "b": 21
  },
  "hsl": {
    "h": 49.213,
    "s": 67.939,
    "l": 25.686
  },
  "oklch": {
    "l": 0.48394,
    "c": 0.09057,
    "h": 96.1
  },
  "luminance": 0.11375
}

Semantic roles & 50–950 ramp

primary
#6E5E15
secondary
#3A4DA4
accent
#5CEB3D
background
#F9F8F5
surface
#F2F0E9
border
#CCCBC5
text
#0F0B04
muted
#7E7C79

Preview Lab

Preview with #6E5E15

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

Preview Lab → · Contrast checker → · Palette generator →

#6E5E15 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva