Hex Color #BFF37B - Custom Color

Color Codes

HEX

#BFF37B

RGB

rgb(191, 243, 123)

HSL

hsl(86, 83%, 72%)

CMYK

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

HSV

hsv(86, 49%, 95%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#F3EB7C #C0F37C #84F37C

Triadic

#C0F37C #7CC0F3 #F37CC0

Split Complementary

#C0F37C #7C84F3 #EB7CF3

Tetradic (Square)

#C0F37C #7CF3EB #B07CF3 #F37C84

Complementary

#BFF37B #B07CF3

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.29:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 16.32: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: #BFF37B;

color: #BFF37B;

border-color: #BFF37B;

}

Tailwind CSS (with arbitrary values)

bg-[#BFF37B]

text-[#BFF37B]

border-[#BFF37B]

// Example usage: