#BED17D#BED17D

#BED17D is a very light, moderate yellow-green. Relative luminance 0.580; OKLCH L 82.7% C 0.111 H 119.3°. Best body text is #000000 at 12.61:1 contrast (WCAG AA passes).

Color values

HEX#BED17D
RGBrgb(190, 209, 125)
HSLhsl(74, 48%, 65%)
HSVhsv(74, 40%, 82%)
CMYKcmyk(9.1%, 0%, 40.2%, 18%)
CIE-LABlab(80.75, -19.60, 39.51)
CIE-LCHlch(80.75, 44.10, 116.39°)
OKLaboklab(82.72% -0.0541 0.0964)
OKLCHoklch(82.72% 0.111 119.3)
XYZxyz(47.7374, 58.0289, 28.0839)
Luminance0.5803 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#BED17D #907DD1
analogous
#D1BA7D #BED17D #94D17D
triadic
#BED17D #7DBED1 #D17DBE
tetradic
#BED17D #7DD1BA #907DD1 #D17D94
square
#BED17D #7DD1BA #907DD1 #D17D94
split-complementary
#BED17D #7D94D1 #BA7DD1
monochromatic
#859C37 #A7C150 #BED17D #D5E1AA #EBF1D7

Accessibility & contrast

On white

1.67
#BED17D on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.61
#BED17D on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #BED17D
12.61:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##BED17D#FFFFFF#000000##000000
##BED17D1.001.6712.6112.61
#FFFFFF1.671.0021.0021.00
#00000012.6121.001.001.00
##00000012.6121.001.001.00

Color blindness preview

Protanopia (red-blind)
#DBC877
Deuteranopia (green-blind)
#D9C981
Tritanopia (blue-blind)
#C5C9BC
Achromatopsia (no color)
#C8C8C8

Design tokens & code

CSS
--color: #bed17d;
/* rgb */ color: rgb(190, 209, 125);
/* oklch */ color: oklch(82.7% 0.111 119.3);
Tailwind
colors: {
  custom: {
    50: '#d3dfa4',
    500: '#bed17d',
    950: '#000000',
  },
}
SCSS
$custom: #bed17d;
$custom-light: #d3dfa4;
$custom-dark: #000000;
JSON
{
  "hex": "#bed17d",
  "rgb": {
    "r": 190,
    "g": 209,
    "b": 125
  },
  "hsl": {
    "h": 73.571,
    "s": 47.727,
    "l": 65.49
  },
  "oklch": {
    "l": 0.82722,
    "c": 0.1105,
    "h": 119.3
  },
  "luminance": 0.58029
}

Semantic roles & 50–950 ramp

primary
#BED17D
secondary
#6351A2
accent
#2BBB4B
background
#FEFEFC
surface
#FBFCF6
border
#D4D5D0
text
#14150F
muted
#838480

Preview Lab

Preview with #BED17D

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

Preview Lab → · Contrast checker → · Palette generator →

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