#B9C277#B9C277

#B9C277 is a light, moderate yellow. Relative luminance 0.502; OKLCH L 79.0% C 0.098 H 114.3°. Best body text is #000000 at 11.05:1 contrast (WCAG AA passes).

Color values

HEX#B9C277
RGBrgb(185, 194, 119)
HSLhsl(67, 38%, 61%)
HSVhsv(67, 39%, 76%)
CMYKcmyk(4.6%, 0%, 38.7%, 23.9%)
CIE-LABlab(76.21, -14.73, 36.68)
CIE-LCHlch(76.21, 39.53, 111.88°)
OKLaboklab(78.97% -0.0404 0.0897)
OKLCHoklch(78.97% 0.098 114.3)
XYZxyz(42.6294, 50.2303, 24.8989)
Luminance0.5023 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B9C277 #8077C2
analogous
#C2A677 #B9C277 #94C277
triadic
#B9C277 #77B9C2 #C277B9
tetradic
#B9C277 #77C2A6 #8077C2 #C27794
square
#B9C277 #77C2A6 #8077C2 #C27794
split-complementary
#B9C277 #7794C2 #A677C2
monochromatic
#7B843B #A2AE4E #B9C277 #CFD5A1 #E4E8CC

Accessibility & contrast

On white

1.90
#B9C277 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.05
#B9C277 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #B9C277
11.05:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B9C277#FFFFFF#000000##000000
##B9C2771.001.9011.0511.05
#FFFFFF1.901.0021.0021.00
#00000011.0521.001.001.00
##00000011.0521.001.001.00

Color blindness preview

Protanopia (red-blind)
#CCBB71
Deuteranopia (green-blind)
#CBBD7A
Tritanopia (blue-blind)
#C1BAAF
Achromatopsia (no color)
#BCBCBC

Design tokens & code

CSS
--color: #b9c277;
/* rgb */ color: rgb(185, 194, 119);
/* oklch */ color: oklch(79.0% 0.098 114.3);
Tailwind
colors: {
  custom: {
    50: '#cfd49f',
    500: '#b9c277',
    950: '#000000',
  },
}
SCSS
$custom: #b9c277;
$custom-light: #cfd49f;
$custom-dark: #000000;
JSON
{
  "hex": "#b9c277",
  "rgb": {
    "r": 185,
    "g": 194,
    "b": 119
  },
  "hsl": {
    "h": 67.2,
    "s": 38.071,
    "l": 61.373
  },
  "oklch": {
    "l": 0.78975,
    "c": 0.09837,
    "h": 114.3
  },
  "luminance": 0.5023
}

Semantic roles & 50–950 ramp

primary
#B9C277
secondary
#58518C
accent
#34B143
background
#FEFEFC
surface
#FBFBF5
border
#D4D4CF
text
#14140E
muted
#83837F

Preview Lab

Preview with #B9C277

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

Preview Lab → · Contrast checker → · Palette generator →

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