#BED2BC#BED2BC

#BED2BC is a very light, muted green. Relative luminance 0.607; OKLCH L 84.3% C 0.037 H 142.7°. Best body text is #000000 at 13.13:1 contrast (WCAG AA passes).

Color values

HEX	#BED2BC
RGB	rgb(190, 210, 188)
HSL	hsl(115, 20%, 78%)
HSV	hsv(115, 10%, 82%)
CMYK	cmyk(9.5%, 0%, 10.5%, 17.6%)
CIE-LAB	lab(82.20, -10.82, 8.63)
CIE-LCH	lch(82.20, 13.84, 141.42°)
OKLab	oklab(84.26% -0.0295 0.0225)
OKLCH	oklch(84.26% 0.037 142.7)
XYZ	xyz(53.3571, 60.6706, 56.4667)
Luminance	0.6067 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#BED2BC #D0BCD2

analogous

#C9D2BC #BED2BC #BCD2C5

triadic

#BED2BC #BCBED2 #D2BCBE

tetradic

#BED2BC #BCC9D2 #D0BCD2 #D2C5BC

square

#BED2BC #BCC9D2 #D0BCD2 #D2C5BC

split-complementary

#BED2BC #C5BCD2 #D2BCC9

monochromatic

#77A173 #9AB997 #BED2BC #E2EBE1 #EDF3ED

Accessibility & contrast

On white

1.60

#BED2BC on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

13.13

#BED2BC on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #BED2BC

13.13:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##BED2BC	#FFFFFF	#000000	##000000
##BED2BC	1.00	1.60	13.13	13.13
#FFFFFF	1.60	1.00	21.00	21.00
#000000	13.13	21.00	1.00	1.00
##000000	13.13	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#D3CEBB

Deuteranopia (green-blind)

#D0CCBD

Tritanopia (blue-blind)

#BDD0CC

Achromatopsia (no color)

#CCCCCC

Design tokens & code

CSS

--color: #bed2bc;
/* rgb */ color: rgb(190, 210, 188);
/* oklch */ color: oklch(84.3% 0.037 142.7);

Tailwind

colors: {
  custom: {
    50: '#d1dfd0',
    500: '#bed2bc',
    950: '#000000',
  },
}

SCSS

$custom: #bed2bc;
$custom-light: #d1dfd0;
$custom-dark: #000000;

JSON

{
  "hex": "#bed2bc",
  "rgb": {
    "r": 190,
    "g": 210,
    "b": 188
  },
  "hsl": {
    "h": 114.545,
    "s": 19.643,
    "l": 78.039
  },
  "oklch": {
    "l": 0.84261,
    "c": 0.03705,
    "h": 142.7
  },
  "luminance": 0.60671
}

Semantic roles & 50–950 ramp

primary

#BED2BC

secondary

#A58BA7

accent

#489E96

background

#FEFEFE

surface

#FBFCFB

border

#D4D5D4

text

#141514

muted

#838483

Preview Lab

Preview with #BED2BC

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

Preview Lab → · Contrast checker → · Palette generator →