#96A12B#96A12B

#96A12B is a light, vivid yellow. Relative luminance 0.321; OKLCH L 67.9% C 0.138 H 114.8°. Best body text is #000000 at 7.43:1 contrast (WCAG AA passes).

Color values

HEX#96A12B
RGBrgb(150, 161, 43)
HSLhsl(66, 58%, 40%)
HSVhsv(66, 73%, 63%)
CMYKcmyk(6.8%, 0%, 73.3%, 36.9%)
CIE-LABlab(63.47, -18.95, 56.38)
CIE-LCHlch(63.47, 59.48, 108.58°)
OKLaboklab(67.86% -0.0577 0.1249)
OKLCHoklch(67.86% 0.138 114.8)
XYZxyz(25.7593, 32.1486, 7.1334)
Luminance0.3215 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#96A12B #362BA1
analogous
#A1712B #96A12B #5BA12B
triadic
#96A12B #2B96A1 #A12B96
tetradic
#96A12B #2BA171 #362BA1 #A12B5B
square
#96A12B #2BA171 #362BA1 #A12B5B
split-complementary
#96A12B #2B5BA1 #712BA1
monochromatic
#3C4011 #69711E #96A12B #BECB3E #CED86E

Accessibility & contrast

On white

2.83
#96A12B on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.43
#96A12B on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #96A12B
7.43:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##96A12B#FFFFFF#000000##000000
##96A12B1.002.837.437.43
#FFFFFF2.831.0021.0021.00
#0000007.4321.001.001.00
##0000007.4321.001.001.00

Color blindness preview

Protanopia (red-blind)
#AD9914
Deuteranopia (green-blind)
#AC9B35
Tritanopia (blue-blind)
#A0978A
Achromatopsia (no color)
#9A9A9A

Design tokens & code

CSS
--color: #96a12b;
/* rgb */ color: rgb(150, 161, 43);
/* oklch */ color: oklch(67.9% 0.138 114.8);
Tailwind
colors: {
  custom: {
    50: '#b8bc6d',
    500: '#96a12b',
    950: '#000000',
  },
}
SCSS
$custom: #96a12b;
$custom-light: #b8bc6d;
$custom-dark: #000000;
JSON
{
  "hex": "#96a12b",
  "rgb": {
    "r": 150,
    "g": 161,
    "b": 43
  },
  "hsl": {
    "h": 65.593,
    "s": 57.843,
    "l": 40
  },
  "oklch": {
    "l": 0.67855,
    "c": 0.13758,
    "h": 114.8
  },
  "luminance": 0.32148
}

Semantic roles & 50–950 ramp

primary
#96A12B
secondary
#7169BF
accent
#47E155
background
#FBFBF6
surface
#F6F6EC
border
#D0D0C7
text
#121207
muted
#81817A

Preview Lab

Preview with #96A12B

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

Preview Lab → · Contrast checker → · Palette generator →

#96A12B Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva