Hex Color #BFC994 - Custom Color

Color Codes

HEX

#BFC994

RGB

rgb(191, 201, 148)

HSL

hsl(71, 33%, 68%)

CMYK

cmyk(5%, 0%, 26%, 21%)

HSV

hsv(71, 26%, 79%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#C8B792 #BEC892 #A4C892

Triadic

#BEC892 #92BEC8 #C892BE

Split Complementary

#BEC892 #92A4C8 #B792C8

Tetradic (Square)

#BEC892 #92C8B7 #9C92C8 #C892A4

Complementary

#BFC994 #9C92C8

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.75:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.00:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #BFC994;

color: #BFC994;

border-color: #BFC994;

}

Tailwind CSS (with arbitrary values)

bg-[#BFC994]

text-[#BFC994]

border-[#BFC994]

// Example usage: