#B1AF96#B1AF96

#B1AF96 is a light, muted yellow. Relative luminance 0.422; OKLCH L 74.9% C 0.035 H 103.4°. Best body text is #000000 at 9.44:1 contrast (WCAG AA passes).

Color values

HEX	#B1AF96
RGB	rgb(177, 175, 150)
HSL	hsl(56, 15%, 64%)
HSV	hsv(56, 15%, 69%)
CMYK	cmyk(0%, 1.1%, 15.3%, 30.6%)
CIE-LAB	lab(71.02, -3.63, 13.10)
CIE-LCH	lch(71.02, 13.59, 105.48°)
OKLab	oklab(74.88% -0.0081 0.0338)
OKLCH	oklch(74.88% 0.035 103.4)
XYZ	xyz(38.9660, 42.2095, 34.9427)
Luminance	0.4221 (WCAG relative)
Temperature	warm
Family	yellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#B1AF96 #9698B1

analogous

#B1A296 #B1AF96 #A6B196

triadic

#B1AF96 #96B1AF #AF96B1

tetradic

#B1AF96 #96B1A2 #9698B1 #B196A6

square

#B1AF96 #96B1A2 #9698B1 #B196A6

split-complementary

#B1AF96 #96A6B1 #A296B1

monochromatic

#757357 #979473 #B1AF96 #CBCAB9 #E5E5DC

Accessibility & contrast

On white

2.22

#B1AF96 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

9.44

#B1AF96 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #B1AF96

9.44:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##B1AF96	#FFFFFF	#000000	##000000
##B1AF96	1.00	2.22	9.44	9.44
#FFFFFF	2.22	1.00	21.00	21.00
#000000	9.44	21.00	1.00	1.00
##000000	9.44	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#B4AD95

Deuteranopia (green-blind)

#B5AE97

Tritanopia (blue-blind)

#B5ABA8

Achromatopsia (no color)

#AEAEAE

Design tokens & code

CSS

--color: #b1af96;
/* rgb */ color: rgb(177, 175, 150);
/* oklch */ color: oklch(74.9% 0.035 103.4);

Tailwind

colors: {
  custom: {
    50: '#c8c6b5',
    500: '#b1af96',
    950: '#000000',
  },
}

SCSS

$custom: #b1af96;
$custom-light: #c8c6b5;
$custom-dark: #000000;

JSON

{
  "hex": "#b1af96",
  "rgb": {
    "r": 177,
    "g": 175,
    "b": 150
  },
  "hsl": {
    "h": 55.556,
    "s": 14.754,
    "l": 64.118
  },
  "oklch": {
    "l": 0.74884,
    "c": 0.03477,
    "h": 103.4
  },
  "luminance": 0.42209
}

Semantic roles & 50–950 ramp

primary

#B1AF96

secondary

#CDCDD6

accent

#52994D

background

#FCFCFB

surface

#F8F8F6

border

#D1D1D0

text

#131311

muted

#828280

Preview Lab

Preview with #B1AF96

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

Preview Lab → · Contrast checker → · Palette generator →