#4E6B25#4E6B25

#4E6B25 is a mid, moderate yellow-green. Relative luminance 0.123; OKLCH L 48.9% C 0.103 H 128.7°. Best body text is #FFFFFF at 6.08:1 contrast (WCAG AA passes).

Color values

HEX#4E6B25
RGBrgb(78, 107, 37)
HSLhsl(85, 49%, 28%)
HSVhsv(85, 65%, 42%)
CMYKcmyk(27.1%, 0%, 65.4%, 58%)
CIE-LABlab(41.64, -22.82, 34.85)
CIE-LCHlch(41.64, 41.65, 123.22°)
OKLaboklab(48.91% -0.0645 0.0804)
OKLCHoklch(48.91% 0.103 128.7)
XYZxyz(8.7335, 12.2685, 3.6578)
Luminance0.1227 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#4E6B25 #42256B
analogous
#6B6525 #4E6B25 #2B6B25
triadic
#4E6B25 #254E6B #6B254E
tetradic
#4E6B25 #256B65 #42256B #6B252B
square
#4E6B25 #256B65 #42256B #6B252B
split-complementary
#4E6B25 #252B6B #65256B
monochromatic
#111708 #2D3E15 #4E6B25 #6F9835 #8FC04A

Accessibility & contrast

On white

6.08
#4E6B25 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.45
#4E6B25 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #4E6B25
6.08:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##4E6B25#FFFFFF#000000##FFFFFF
##4E6B251.006.083.456.08
#FFFFFF6.081.0021.001.00
#0000003.4521.001.0021.00
##FFFFFF6.081.0021.001.00

Color blindness preview

Protanopia (red-blind)
#70641D
Deuteranopia (green-blind)
#6C622A
Tritanopia (blue-blind)
#50665C
Achromatopsia (no color)
#626262

Design tokens & code

CSS
--color: #4e6b25;
/* rgb */ color: rgb(78, 107, 37);
/* oklch */ color: oklch(48.9% 0.103 128.7);
Tailwind
colors: {
  custom: {
    50: '#829563',
    500: '#4e6b25',
    950: '#000000',
  },
}
SCSS
$custom: #4e6b25;
$custom-light: #829563;
$custom-dark: #000000;
JSON
{
  "hex": "#4e6b25",
  "rgb": {
    "r": 78,
    "g": 107,
    "b": 37
  },
  "hsl": {
    "h": 84.857,
    "s": 48.611,
    "l": 28.235
  },
  "oklch": {
    "l": 0.48911,
    "c": 0.10306,
    "h": 128.7
  },
  "luminance": 0.12269
}

Semantic roles & 50–950 ramp

primary
#4E6B25
secondary
#6F4E9E
accent
#50D888
background
#F8F9F6
surface
#EFF1EB
border
#CACBC6
text
#0B0D05
muted
#7C7E7A

Preview Lab

Preview with #4E6B25

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

Preview Lab → · Contrast checker → · Palette generator →

#4E6B25 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva