Hex Color #BCFBC6 - Custom Color

Color Codes

HEX

#BCFBC6

RGB

rgb(188, 251, 198)

HSL

hsl(130, 89%, 86%)

CMYK

cmyk(25%, 0%, 21%, 2%)

HSV

hsv(130, 25%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#D1FBBC #BCFBC6 #BCFBE6

Triadic

#BCFBC6 #C6BCFB #FBC6BC

Split Complementary

#BCFBC6 #E6BCFB #FBBCD1

Tetradic (Square)

#BCFBC6 #BCD1FB #FBBCF0 #FBE6BC

Complementary

#BCFBC6 #FBBCF0

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.75: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: #BCFBC6;

color: #BCFBC6;

border-color: #BCFBC6;

}

Tailwind CSS (with arbitrary values)

bg-[#BCFBC6]

text-[#BCFBC6]

border-[#BCFBC6]

// Example usage: