#B4B179#B4B179

#B4B179 is a light, moderate yellow. Relative luminance 0.425; OKLCH L 74.9% C 0.075 H 105.5°. Best body text is #000000 at 9.51:1 contrast (WCAG AA passes).

Color values

HEX#B4B179
RGBrgb(180, 177, 121)
HSLhsl(57, 28%, 59%)
HSVhsv(57, 33%, 71%)
CMYKcmyk(0%, 1.7%, 32.8%, 29.4%)
CIE-LABlab(71.23, -7.68, 29.10)
CIE-LCHlch(71.23, 30.10, 104.78°)
OKLaboklab(74.93% -0.02 0.0723)
OKLCHoklch(74.93% 0.075 105.5)
XYZxyz(37.9960, 42.5288, 24.2928)
Luminance0.4253 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B4B179 #797CB4
analogous
#B49479 #B4B179 #9AB479
triadic
#B4B179 #79B4B1 #B179B4
tetradic
#B4B179 #79B494 #797CB4 #B4799A
square
#B4B179 #79B494 #797CB4 #B4799A
split-complementary
#B4B179 #799AB4 #9479B4
monochromatic
#737040 #9A9656 #B4B179 #CAC8A0 #E0DFC7

Accessibility & contrast

On white

2.21
#B4B179 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.51
#B4B179 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #B4B179
9.51:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B4B179#FFFFFF#000000##000000
##B4B1791.002.219.519.51
#FFFFFF2.211.0021.0021.00
#0000009.5121.001.001.00
##0000009.5121.001.001.00

Color blindness preview

Protanopia (red-blind)
#BAAD75
Deuteranopia (green-blind)
#BCB07B
Tritanopia (blue-blind)
#BCAAA3
Achromatopsia (no color)
#AEAEAE

Design tokens & code

CSS
--color: #b4b179;
/* rgb */ color: rgb(180, 177, 121);
/* oklch */ color: oklch(74.9% 0.075 105.5);
Tailwind
colors: {
  custom: {
    50: '#cbc8a0',
    500: '#b4b179',
    950: '#000000',
  },
}
SCSS
$custom: #b4b179;
$custom-light: #cbc8a0;
$custom-dark: #000000;
JSON
{
  "hex": "#b4b179",
  "rgb": {
    "r": 180,
    "g": 177,
    "b": 121
  },
  "hsl": {
    "h": 56.949,
    "s": 28.23,
    "l": 59.02
  },
  "oklch": {
    "l": 0.74932,
    "c": 0.07497,
    "h": 105.5
  },
  "luminance": 0.42528
}

Semantic roles & 50–950 ramp

primary
#B4B179
secondary
#B9BAD0
accent
#68C563
background
#FCFCF9
surface
#F8F8F2
border
#D1D1CC
text
#13130E
muted
#82827E

Preview Lab

Preview with #B4B179

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

Preview Lab → · Contrast checker → · Palette generator →

#B4B179 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva