Hex Color #BFF9E2 - Custom Color

Color Codes

HEX

#BFF9E2

RGB

rgb(191, 249, 226)

HSL

hsl(156, 83%, 86%)

CMYK

cmyk(23%, 0%, 9%, 2%)

HSV

hsv(156, 23%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#BEF9C4 #BEF9E1 #BEF3F9

Triadic

#BEF9E1 #E1BEF9 #F9E1BE

Split Complementary

#BEF9E1 #F9BEF3 #F9C4BE

Tetradic (Square)

#BEF9E1 #C4BEF9 #F9BED5 #F3F9BE

Complementary

#BFF9E2 #F9BED5

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.18:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 17.86: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: #BFF9E2;

color: #BFF9E2;

border-color: #BFF9E2;

}

Tailwind CSS (with arbitrary values)

bg-[#BFF9E2]

text-[#BFF9E2]

border-[#BFF9E2]

// Example usage: