#BED2AC#BED2AC

#BED2AC is a very light, muted yellow-green. Relative luminance 0.600; OKLCH L 83.9% C 0.056 H 130.2°. Best body text is #000000 at 13.00:1 contrast (WCAG AA passes).

Color values

HEX#BED2AC
RGBrgb(190, 210, 172)
HSLhsl(92, 30%, 75%)
HSVhsv(92, 18%, 82%)
CMYKcmyk(9.5%, 0%, 18.1%, 17.6%)
CIE-LABlab(81.85, -13.54, 16.61)
CIE-LCHlch(81.85, 21.43, 129.17°)
OKLaboklab(83.86% -0.0361 0.0427)
OKLCHoklch(83.86% 0.056 130.2)
XYZxyz(51.7270, 60.0185, 47.8813)
Luminance0.6002 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#BED2AC #C0ACD2
analogous
#D1D2AC #BED2AC #ACD2AD
triadic
#BED2AC #ACBED2 #D2ACBE
tetradic
#BED2AC #ACD1D2 #C0ACD2 #D2ADAC
square
#BED2AC #ACD1D2 #C0ACD2 #D2ADAC
split-complementary
#BED2AC #ADACD2 #D2ACD1
monochromatic
#80A75D #9FBC84 #BED2AC #DDE8D4 #EFF4EB

Accessibility & contrast

On white

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

On black

13.00
#BED2AC on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #BED2AC
13.00:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##BED2AC#FFFFFF#000000##000000
##BED2AC1.001.6113.0013.00
#FFFFFF1.611.0021.0021.00
#00000013.0021.001.001.00
##00000013.0021.001.001.00

Color blindness preview

Protanopia (red-blind)
#D6CCAA
Deuteranopia (green-blind)
#D3CBAE
Tritanopia (blue-blind)
#BFCEC7
Achromatopsia (no color)
#CBCBCB

Design tokens & code

CSS
--color: #bed2ac;
/* rgb */ color: rgb(190, 210, 172);
/* oklch */ color: oklch(83.9% 0.056 130.2);
Tailwind
colors: {
  custom: {
    50: '#d1dfc4',
    500: '#bed2ac',
    950: '#000000',
  },
}
SCSS
$custom: #bed2ac;
$custom-light: #d1dfc4;
$custom-dark: #000000;
JSON
{
  "hex": "#bed2ac",
  "rgb": {
    "r": 190,
    "g": 210,
    "b": 172
  },
  "hsl": {
    "h": 91.579,
    "s": 29.687,
    "l": 74.902
  },
  "oklch": {
    "l": 0.83864,
    "c": 0.05592,
    "h": 130.2
  },
  "luminance": 0.60019
}

Semantic roles & 50–950 ramp

primary
#BED2AC
secondary
#927AA8
accent
#3DA876
background
#FEFEFD
surface
#FBFCF9
border
#D4D5D2
text
#141512
muted
#838482

Preview Lab

Preview with #BED2AC

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

Preview Lab → · Contrast checker → · Palette generator →

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