Hex Color #B3FABC - Custom Color

Color Codes

HEX

#B3FABC

RGB

rgb(179, 250, 188)

HSL

hsl(128, 88%, 84%)

CMYK

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

HSV

hsv(128, 28%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#CDFAB2 #B2FABC #B2FAE0

Triadic

#B2FABC #BCB2FA #FABCB2

Split Complementary

#B2FABC #E0B2FA #FAB2CD

Tetradic (Square)

#B2FABC #B2CDFA #FAB2F1 #FAE0B2

Complementary

#B3FABC #FAB2F1

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.21:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 17.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: #B3FABC;

color: #B3FABC;

border-color: #B3FABC;

}

Tailwind CSS (with arbitrary values)

bg-[#B3FABC]

text-[#B3FABC]

border-[#B3FABC]

// Example usage: