#BEDEB6#BEDEB6

#BEDEB6 is a very light, moderate green. Relative luminance 0.666; OKLCH L 86.7% C 0.064 H 139.4°. Best body text is #000000 at 14.31:1 contrast (WCAG AA passes).

Color values

HEX	#BEDEB6
RGB	rgb(190, 222, 182)
HSL	hsl(108, 38%, 79%)
HSV	hsv(108, 18%, 87%)
CMYK	cmyk(14.4%, 0%, 18%, 12.9%)
CIE-LAB	lab(85.28, -17.91, 16.17)
CIE-LCH	lch(85.28, 24.13, 137.93°)
OKLab	oklab(86.67% -0.0486 0.0416)
OKLCH	oklch(86.67% 0.064 139.4)
XYZ	xyz(55.7982, 66.5662, 54.1557)
Luminance	0.6657 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#BEDEB6 #D6B6DE

analogous

#D2DEB6 #BEDEB6 #B6DEC2

triadic

#BEDEB6 #B6BEDE #DEB6BE

tetradic

#BEDEB6 #B6D2DE #D6B6DE #DEC2B6

square

#BEDEB6 #B6D2DE #D6B6DE #DEC2B6

split-complementary

#BEDEB6 #C2B6DE #DEB6D2

monochromatic

#73B862 #98CB8C #BEDEB6 #E4F1E0 #ECF5EA

Accessibility & contrast

On white

1.47

#BEDEB6 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

14.31

#BEDEB6 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #BEDEB6

14.31:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##BEDEB6	#FFFFFF	#000000	##000000
##BEDEB6	1.00	1.47	14.31	14.31
#FFFFFF	1.47	1.00	21.00	21.00
#000000	14.31	21.00	1.00	1.00
##000000	14.31	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#E1D7B4

Deuteranopia (green-blind)

#DBD4B8

Tritanopia (blue-blind)

#BDDBD3

Achromatopsia (no color)

#D5D5D5

Design tokens & code

CSS

--color: #bedeb6;
/* rgb */ color: rgb(190, 222, 182);
/* oklch */ color: oklch(86.7% 0.064 139.4);

Tailwind

colors: {
  custom: {
    50: '#d2e8cc',
    500: '#bedeb6',
    950: '#000000',
  },
}

SCSS

$custom: #bedeb6;
$custom-light: #d2e8cc;
$custom-dark: #000000;

JSON

{
  "hex": "#bedeb6",
  "rgb": {
    "r": 190,
    "g": 222,
    "b": 182
  },
  "hsl": {
    "h": 108,
    "s": 37.736,
    "l": 79.216
  },
  "oklch": {
    "l": 0.86668,
    "c": 0.06397,
    "h": 139.4
  },
  "luminance": 0.66567
}

Semantic roles & 50–950 ramp

primary

#BEDEB6

secondary

#AC82B6

accent

#35B198

background

#FEFEFE

surface

#FBFCFA

border

#D4D5D3

text

#141613

muted

#838483

Preview Lab

Preview with #BEDEB6

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

Preview Lab → · Contrast checker → · Palette generator →