#bfcab0

Color #bfcab0

A muted light green.

Closest named color Silver #c0c0c0 · ΔE 14.59 Nearest Tailwind class olive-400 #abab9c · ΔE 9.8

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

Conversions

HEX

#bfcab0

RGB

rgb(191, 202, 176)

HSL

hsl(85.4, 19.7%, 74.1%)

HSV / HSB

hsv(85.4, 12.9%, 79.2%)

CMYK

cmyk(5.4%, 0%, 12.9%, 20.8%)

LAB

lab(79.87, -8.42, 11.71)

LCH

lch(79.87, 14.42, 125.72)

OKLCH

oklch(82.3%, 0.0375, 125.89)

HWB

hwb(85.4, 69%, 20.8%)

Harmony colors

Complementary

#bbb0ca

Analogous

#cac8b0

#bfcab0

#b2cab0

Triadic

#bfcab0

#b0bfca

#cab0bf

Split-complementary

#bfcab0

#b0b2ca

#c8b0ca

Tetradic

#bfcab0

#b0cabb

#bbb0ca

#cab0bf

Square

#bfcab0

#b0cac8

#bbb0ca

#cab0b2

Shades

Color #bfcab0 mixed toward black.

#a0b18a

#829765

#61714c

#414b33

#202619

Tints

Color #bfcab0 mixed toward white.

#cad3bd

#d4dcca

#dfe4d7

#eaede5

#f4f6f2

Tones

Color #bfcab0 mixed toward gray.

#bfc8b2

#bec6b4

#bec3b6

#bec1b9

#bdbfbb

Accessibility

Aa White text on this color

1.71:1

Aa Black text on this color

12.29:1

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

Under color vision deficiencies

Protanopia

#c4c4b7 · ΔE 7

Deuteranopia

#c3c2b8 · ΔE 8.4

Tritanopia

#c0bcbd · ΔE 15.2

Achromatopsia

#c6c6c6 · ΔE 12.4

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

Code

CSS

background-color: #bfcab0;

Tailwind (arbitrary value)

bg-[#bfcab0]

Related colors

Green Yellow #adff2f

Dark Olive Green #556b2f

Chartreuse #7fff00

Lawn Green #7cfc00

Yellow Green #9acd32

Olive Drab #6b8e23

Frequently asked questions

#bfcab0 (#bfcab0) is rgb(191, 202, 176) in RGB.

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

Generate a palette → Check contrast