#bfdac1

Color #bfdac1

A muted very light green.

Closest named color Beige #f5f5dc · ΔE 15.09 Nearest Tailwind class green-100 #dcfce7 · ΔE 7.6

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

Conversions

HEX

#bfdac1

RGB

rgb(191, 218, 193)

HSL

hsl(124.4, 26.7%, 80.2%)

HSV / HSB

hsv(124.4, 12.4%, 85.5%)

CMYK

cmyk(12.4%, 0%, 11.5%, 14.5%)

LAB

lab(84.52, -13.65, 9.3)

LCH

lch(84.52, 16.52, 145.73)

OKLCH

oklch(86.2%, 0.0446, 147.16)

HWB

hwb(124.4, 74.9%, 14.5%)

Harmony colors

Complementary

#dabfd8

Analogous

#cbdabf

#bfdac1

#bfdace

Triadic

#bfdac1

#c1bfda

#dac1bf

Split-complementary

#bfdac1

#cebfda

#dabfcb

Tetradic

#bfdac1

#bfd8da

#dabfd8

#dac1bf

Square

#bfdac1

#bfcbda

#dabfd8

#dacebf

Shades

Color #bfdac1 mixed toward black.

#94c197

#69a86d

#4b824f

#325635

#192b1a

Tints

Color #bfdac1 mixed toward white.

#cae0cb

#d4e6d6

#dfece0

#eaf3ea

#f4f9f5

Tones

Color #bfdac1 mixed toward gray.

#c1d8c3

#c4d5c5

#c6d3c7

#c8d1c9

#cacfcb

Accessibility

Aa White text on this color

1.5:1

Aa Black text on this color

14.01:1

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

Under color vision deficiencies

Protanopia

#cbccc7 · ΔE 12.8

Deuteranopia

#cac8c9 · ΔE 17

Tritanopia

#c0cccd · ΔE 12.3

Achromatopsia

#d3d3d3 · ΔE 14.9

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

Code

CSS

background-color: #bfdac1;

Tailwind (arbitrary value)

bg-[#bfdac1]

Related colors

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Dark Sea Green #8fbc8f

Green #008000

Honeydew #f0fff0

Frequently asked questions

#bfdac1 (#bfdac1) is rgb(191, 218, 193) in RGB.

No, #bfdac1 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 #bfdac1, or check how it holds up for accessibility.

Generate a palette → Check contrast