#bfceb6

Color #bfceb6

A muted light green.

Closest named color Silver #c0c0c0 · ΔE 14.32 Nearest Tailwind class olive-300 #d8d8d0 · ΔE 9.8

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#bfceb6

RGB

rgb(191, 206, 182)

HSL

hsl(97.5, 19.7%, 76.1%)

HSV / HSB

hsv(97.5, 11.7%, 80.8%)

CMYK

cmyk(7.3%, 0%, 11.7%, 19.2%)

LAB

lab(81.07, -9.46, 10.21)

LCH

lch(81.07, 13.92, 132.82)

OKLCH

oklch(83.3%, 0.0366, 133.67)

HWB

hwb(97.5, 71.4%, 19.2%)

Harmony colors

Complementary

#c5b6ce

Analogous

#cbceb6

#bfceb6

#b6ceb9

Triadic

#bfceb6

#b6bfce

#ceb6bf

Split-complementary

#bfceb6

#b9b6ce

#ceb6cb

Tetradic

#bfceb6

#b6cec5

#c5b6ce

#ceb6bf

Square

#bfceb6

#b6cbce

#c5b6ce

#ceb9b6

Shades

Color #bfceb6 mixed toward black.

#9db48f

#7b9a69

#5c744e

#3d4d34

#1f271a

Tints

Color #bfceb6 mixed toward white.

#cad6c2

#d4dece

#dfe7db

#eaefe7

#f4f7f3

Tones

Color #bfceb6 mixed toward gray.

#c0ccb8

#c0caba

#c1c8bc

#c1c6be

#c2c4c0

Accessibility

Aa White text on this color

1.65:1

Aa Black text on this color

12.72:1

Black text reads better on this background (12.72:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#c6c6bc · ΔE 8.6

Deuteranopia

#c5c4be · ΔE 10.4

Tritanopia

#c0c1c2 · ΔE 13

Achromatopsia

#c9c9c9 · ΔE 12.5

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #bfceb6;

Tailwind (arbitrary value)

bg-[#bfceb6]

Related colors

Lawn Green #7cfc00

Chartreuse #7fff00

Green Yellow #adff2f

Dark Olive Green #556b2f

Yellow Green #9acd32

Olive Drab #6b8e23

Frequently asked questions

#bfceb6 (#bfceb6) is rgb(191, 206, 182) in RGB.

No, #bfceb6 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #bfceb6, or check how it holds up for accessibility.

Generate a palette → Check contrast