#BEDF4C#BEDF4C

#BEDF4C is a very light, vivid yellow-green. Relative luminance 0.642; OKLCH L 85.2% C 0.173 H 121.1°. Best body text is #000000 at 13.85:1 contrast (WCAG AA passes).

Color values

HEX#BEDF4C
RGBrgb(190, 223, 76)
HSLhsl(73, 70%, 59%)
HSVhsv(73, 66%, 87%)
CMYKcmyk(14.8%, 0%, 65.9%, 12.5%)
CIE-LABlab(84.09, -30.71, 65.60)
CIE-LCHlch(84.09, 72.44, 115.09°)
OKLaboklab(85.24% -0.0895 0.1485)
OKLCHoklch(85.24% 0.173 121.1)
XYZxyz(48.9281, 64.2444, 16.6589)
Luminance0.6424 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#BEDF4C #6D4CDF
analogous
#DFB64C #BEDF4C #74DF4C
triadic
#BEDF4C #4CBEDF #DF4CBE
tetradic
#BEDF4C #4CDFB6 #6D4CDF #DF4C74
square
#BEDF4C #4CDFB6 #6D4CDF #DF4C74
split-complementary
#BEDF4C #4C74DF #B64CDF
monochromatic
#7A961B #A5CA24 #BEDF4C #D1E880 #E4F2B4

Accessibility & contrast

On white

1.52
#BEDF4C on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.85
#BEDF4C on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #BEDF4C
13.85:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##BEDF4C#FFFFFF#000000##000000
##BEDF4C1.001.5213.8513.85
#FFFFFF1.521.0021.0021.00
#00000013.8521.001.001.00
##00000013.8521.001.001.00

Color blindness preview

Protanopia (red-blind)
#ECD237
Deuteranopia (green-blind)
#E8D257
Tritanopia (blue-blind)
#C8D4C1
Achromatopsia (no color)
#D2D2D2

Design tokens & code

CSS
--color: #bedf4c;
/* rgb */ color: rgb(190, 223, 76);
/* oklch */ color: oklch(85.2% 0.173 121.1);
Tailwind
colors: {
  custom: {
    50: '#d5e985',
    500: '#bedf4c',
    950: '#000000',
  },
}
SCSS
$custom: #bedf4c;
$custom-light: #d5e985;
$custom-dark: #000000;
JSON
{
  "hex": "#bedf4c",
  "rgb": {
    "r": 190,
    "g": 223,
    "b": 76
  },
  "hsl": {
    "h": 73.469,
    "s": 69.668,
    "l": 58.627
  },
  "oklch": {
    "l": 0.85235,
    "c": 0.17339,
    "h": 121.1
  },
  "luminance": 0.64244
}

Semantic roles & 50–950 ramp

primary
#BEDF4C
secondary
#4C359A
accent
#3BEC63
background
#FEFEFC
surface
#FBFCF3
border
#D4D5CD
text
#15160C
muted
#84847F

Preview Lab

Preview with #BEDF4C

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

Preview Lab → · Contrast checker → · Palette generator →

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