#B6A855#B6A855

#B6A855 is a light, moderate yellow. Relative luminance 0.386; OKLCH L 72.6% C 0.106 H 99.9°. Best body text is #000000 at 8.72:1 contrast (WCAG AA passes).

Color values

HEX#B6A855
RGBrgb(182, 168, 85)
HSLhsl(51, 40%, 52%)
HSVhsv(51, 53%, 71%)
CMYKcmyk(0%, 7.7%, 53.3%, 28.6%)
CIE-LABlab(68.47, -5.92, 44.20)
CIE-LCHlch(68.47, 44.59, 97.63°)
OKLaboklab(72.61% -0.0182 0.1041)
OKLCHoklch(72.61% 0.106 99.9)
XYZxyz(34.9349, 38.6075, 14.2044)
Luminance0.3861 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B6A855 #5563B6
analogous
#B67755 #B6A855 #94B655
triadic
#B6A855 #55B6A8 #A855B6
tetradic
#B6A855 #55B677 #5563B6 #B65594
square
#B6A855 #55B677 #5563B6 #B65594
split-complementary
#B6A855 #5594B6 #7755B6
monochromatic
#655D2B #90843E #B6A855 #C8BE80 #DBD4AB

Accessibility & contrast

On white

2.41
#B6A855 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.72
#B6A855 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #B6A855
8.72:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B6A855#FFFFFF#000000##000000
##B6A8551.002.418.728.72
#FFFFFF2.411.0021.0021.00
#0000008.7221.001.001.00
##0000008.7221.001.001.00

Color blindness preview

Protanopia (red-blind)
#B5A44D
Deuteranopia (green-blind)
#BAA959
Tritanopia (blue-blind)
#C29E95
Achromatopsia (no color)
#A7A7A7

Design tokens & code

CSS
--color: #b6a855;
/* rgb */ color: rgb(182, 168, 85);
/* oklch */ color: oklch(72.6% 0.106 99.9);
Tailwind
colors: {
  custom: {
    50: '#cec187',
    500: '#b6a855',
    950: '#000000',
  },
}
SCSS
$custom: #b6a855;
$custom-light: #cec187;
$custom-dark: #000000;
JSON
{
  "hex": "#b6a855",
  "rgb": {
    "r": 182,
    "g": 168,
    "b": 85
  },
  "hsl": {
    "h": 51.34,
    "s": 39.918,
    "l": 52.353
  },
  "oklch": {
    "l": 0.72613,
    "c": 0.10567,
    "h": 99.9
  },
  "luminance": 0.38606
}

Semantic roles & 50–950 ramp

primary
#B6A855
secondary
#9EA4C9
accent
#69D058
background
#FCFBF8
surface
#F9F7F0
border
#D2D0CB
text
#14120B
muted
#82817C

Preview Lab

Preview with #B6A855

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

Preview Lab → · Contrast checker → · Palette generator →

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