#B1D975#B1D975

#B1D975 is a very light, vivid yellow-green. Relative luminance 0.603; OKLCH L 83.4% C 0.135 H 127.0°. Best body text is #000000 at 13.05:1 contrast (WCAG AA passes).

Color values

HEX#B1D975
RGBrgb(177, 217, 117)
HSLhsl(84, 57%, 65%)
HSVhsv(84, 46%, 85%)
CMYKcmyk(18.4%, 0%, 46.1%, 14.9%)
CIE-LABlab(81.98, -29.31, 44.81)
CIE-LCHlch(81.98, 53.54, 123.19°)
OKLaboklab(83.45% -0.0814 0.108)
OKLCHoklch(83.45% 0.135 127)
XYZxyz(46.1549, 60.2566, 26.0252)
Luminance0.6026 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B1D975 #9D75D9
analogous
#D9CF75 #B1D975 #7FD975
triadic
#B1D975 #75B1D9 #D975B1
tetradic
#B1D975 #75D9CF #9D75D9 #D9757F
square
#B1D975 #75D9CF #9D75D9 #D9757F
split-complementary
#B1D975 #757FD9 #CF75D9
monochromatic
#76A62E #96CC45 #B1D975 #CCE6A5 #E7F3D5

Accessibility & contrast

On white

1.61
#B1D975 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.05
#B1D975 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #B1D975
13.05:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B1D975#FFFFFF#000000##000000
##B1D9751.001.6113.0513.05
#FFFFFF1.611.0021.0021.00
#00000013.0521.001.001.00
##00000013.0521.001.001.00

Color blindness preview

Protanopia (red-blind)
#E2CD6D
Deuteranopia (green-blind)
#DCCB7B
Tritanopia (blue-blind)
#B6D1C1
Achromatopsia (no color)
#CCCCCC

Design tokens & code

CSS
--color: #b1d975;
/* rgb */ color: rgb(177, 217, 117);
/* oklch */ color: oklch(83.4% 0.135 127.0);
Tailwind
colors: {
  custom: {
    50: '#cae59e',
    500: '#b1d975',
    950: '#000000',
  },
}
SCSS
$custom: #b1d975;
$custom-light: #cae59e;
$custom-dark: #000000;
JSON
{
  "hex": "#b1d975",
  "rgb": {
    "r": 177,
    "g": 217,
    "b": 117
  },
  "hsl": {
    "h": 84,
    "s": 56.818,
    "l": 65.49
  },
  "oklch": {
    "l": 0.83445,
    "c": 0.13521,
    "h": 127
  },
  "luminance": 0.60257
}

Semantic roles & 50–950 ramp

primary
#B1D975
secondary
#6F49A9
accent
#21C462
background
#FEFEFC
surface
#FAFCF5
border
#D3D5CF
text
#13150E
muted
#83847F

Preview Lab

Preview with #B1D975

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

Preview Lab → · Contrast checker → · Palette generator →

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