#456D15#456D15

#456D15 is a mid, vivid yellow-green. Relative luminance 0.123; OKLCH L 48.7% C 0.123 H 131.5°. Best body text is #FFFFFF at 6.08:1 contrast (WCAG AA passes).

Color values

HEX#456D15
RGBrgb(69, 109, 21)
HSLhsl(87, 68%, 25%)
HSVhsv(87, 81%, 43%)
CMYKcmyk(36.7%, 0%, 80.7%, 57.3%)
CIE-LABlab(41.62, -28.71, 41.38)
CIE-LCHlch(41.62, 50.37, 124.75°)
OKLaboklab(48.71% -0.0814 0.0918)
OKLCHoklch(48.71% 0.123 131.5)
XYZxyz(8.0582, 12.2563, 2.6505)
Luminance0.1226 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#456D15 #3D156D
analogous
#6D6915 #456D15 #196D15
triadic
#456D15 #15456D #6D1545
tetradic
#456D15 #156D69 #3D156D #6D1519
square
#456D15 #156D69 #3D156D #6D1519
split-complementary
#456D15 #15196D #69156D
monochromatic
#101A05 #253A0B #456D15 #65A01F #86D429

Accessibility & contrast

On white

6.08
#456D15 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.45
#456D15 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #456D15
6.08:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##456D15#FFFFFF#000000##FFFFFF
##456D151.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)
#726401
Deuteranopia (green-blind)
#6D611E
Tritanopia (blue-blind)
#46685D
Achromatopsia (no color)
#626262

Design tokens & code

CSS
--color: #456d15;
/* rgb */ color: rgb(69, 109, 21);
/* oklch */ color: oklch(48.7% 0.123 131.5);
Tailwind
colors: {
  custom: {
    50: '#7d975a',
    500: '#456d15',
    950: '#000000',
  },
}
SCSS
$custom: #456d15;
$custom-light: #7d975a;
$custom-dark: #000000;
JSON
{
  "hex": "#456d15",
  "rgb": {
    "r": 69,
    "g": 109,
    "b": 21
  },
  "hsl": {
    "h": 87.273,
    "s": 67.692,
    "l": 25.49
  },
  "oklch": {
    "l": 0.48709,
    "c": 0.12269,
    "h": 131.5
  },
  "luminance": 0.12257
}

Semantic roles & 50–950 ramp

primary
#456D15
secondary
#6A3AA3
accent
#3DEB8C
background
#F7F9F5
surface
#EEF2E9
border
#C9CCC5
text
#0A0D04
muted
#7C7E79

Preview Lab

Preview with #456D15

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

Preview Lab → · Contrast checker → · Palette generator →

#456D15 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva