#B9A145#B9A145

#B9A145 is a light, moderate yellow. Relative luminance 0.362; OKLCH L 71.2% C 0.115 H 94.7°. Best body text is #000000 at 8.25:1 contrast (WCAG AA passes).

Color values

HEX	#B9A145
RGB	rgb(185, 161, 69)
HSL	hsl(48, 46%, 50%)
HSV	hsv(48, 63%, 73%)
CMYK	cmyk(0%, 13%, 62.7%, 27.5%)
CIE-LAB	lab(66.70, -2.13, 49.89)
CIE-LCH	lch(66.70, 49.93, 92.44°)
OKLab	oklab(71.23% -0.0093 0.1144)
OKLCH	oklch(71.23% 0.115 94.7)
XYZ	xyz(33.8281, 36.2354, 10.8414)
Luminance	0.3623 (WCAG relative)
Temperature	warm
Family	yellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#B9A145 #455DB9

analogous

#B96745 #B9A145 #97B945

triadic

#B9A145 #45B9A1 #A145B9

tetradic

#B9A145 #45B967 #455DB9 #B94597

square

#B9A145 #45B967 #455DB9 #B94597

split-complementary

#B9A145 #4597B9 #6745B9

monochromatic

#605324 #8C7A34 #B9A145 #CAB871 #DBCE9E

Accessibility & contrast

On white

2.55

#B9A145 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

8.25

#B9A145 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #B9A145

8.25:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##B9A145	#FFFFFF	#000000	##000000
##B9A145	1.00	2.55	8.25	8.25
#FFFFFF	2.55	1.00	21.00	21.00
#000000	8.25	21.00	1.00	1.00
##000000	8.25	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#B09E3B

Deuteranopia (green-blind)

#B7A549

Tritanopia (blue-blind)

#C7958D

Achromatopsia (no color)

#A2A2A2

Design tokens & code

CSS

--color: #b9a145;
/* rgb */ color: rgb(185, 161, 69);
/* oklch */ color: oklch(71.2% 0.115 94.7);

Tailwind

colors: {
  custom: {
    50: '#d1bc7c',
    500: '#b9a145',
    950: '#000000',
  },
}

SCSS

$custom: #b9a145;
$custom-light: #d1bc7c;
$custom-dark: #000000;

JSON

{
  "hex": "#b9a145",
  "rgb": {
    "r": 185,
    "g": 161,
    "b": 69
  },
  "hsl": {
    "h": 47.586,
    "s": 45.669,
    "l": 49.804
  },
  "oklch": {
    "l": 0.71225,
    "c": 0.11474,
    "h": 94.7
  },
  "luminance": 0.36234
}

Semantic roles & 50–950 ramp

primary

#B9A145

secondary

#939EC7

accent

#6ED552

background

#FDFBF7

surface

#FAF6EE

border

#D3D0C9

text

#14120A

muted

#83817C

Preview Lab

Preview with #B9A145

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

Preview Lab → · Contrast checker → · Palette generator →