#BEFBC8#BEFBC8

#BEFBC8 is a very light, moderate green. Relative luminance 0.841; OKLCH L 93.4% C 0.092 H 149.3°. Best body text is #000000 at 17.82:1 contrast (WCAG AA passes).

Color values

HEX#BEFBC8
RGBrgb(190, 251, 200)
HSLhsl(130, 88%, 86%)
HSVhsv(130, 24%, 98%)
CMYKcmyk(24.3%, 0%, 20.3%, 1.6%)
CIE-LABlab(93.50, -28.86, 18.36)
CIE-LCHlch(93.50, 34.21, 147.55°)
OKLaboklab(93.36% -0.0793 0.0471)
OKLCHoklch(93.36% 0.092 149.3)
XYZxyz(66.1547, 84.1093, 67.3815)
Luminance0.8411 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#BEFBC8 #FBBEF1
analogous
#D3FBBE #BEFBC8 #BEFBE7
triadic
#BEFBC8 #C8BEFB #FBC8BE
tetradic
#BEFBC8 #BED3FB #FBBEF1 #FBE7BE
square
#BEFBC8 #BED3FB #FBBEF1 #FBE7BE
split-complementary
#BEFBC8 #E7BEFB #FBBED3
monochromatic
#4BF466 #84F797 #BEFBC8 #E2FDE7 #E2FDE7

Accessibility & contrast

On white

1.18
#BEFBC8 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.82
#BEFBC8 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #BEFBC8
17.82:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##BEFBC8#FFFFFF#000000##000000
##BEFBC81.001.1817.8217.82
#FFFFFF1.181.0021.0021.00
#00000017.8221.001.001.00
##00000017.8221.001.001.00

Color blindness preview

Protanopia (red-blind)
#FCF0C5
Deuteranopia (green-blind)
#F2EACB
Tritanopia (blue-blind)
#B6F8ED
Achromatopsia (no color)
#ECECEC

Design tokens & code

CSS
--color: #befbc8;
/* rgb */ color: rgb(190, 251, 200);
/* oklch */ color: oklch(93.4% 0.092 149.3);
Tailwind
colors: {
  custom: {
    50: '#d2fdd8',
    500: '#befbc8',
    950: '#000000',
  },
}
SCSS
$custom: #befbc8;
$custom-light: #d2fdd8;
$custom-dark: #000000;
JSON
{
  "hex": "#befbc8",
  "rgb": {
    "r": 190,
    "g": 251,
    "b": 200
  },
  "hsl": {
    "h": 129.836,
    "s": 88.406,
    "l": 86.471
  },
  "oklch": {
    "l": 0.93359,
    "c": 0.09224,
    "h": 149.3
  },
  "luminance": 0.84112
}

Semantic roles & 50–950 ramp

primary
#BEFBC8
secondary
#E07DD0
accent
#00C0E5
background
#FEFFFE
surface
#FBFFFB
border
#D4D7D4
text
#141714
muted
#838583

Preview Lab

Preview with #BEFBC8

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

Preview Lab → · Contrast checker → · Palette generator →

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