Hex Color #F6BDCC - Custom Color

Color Codes

HEX

#F6BDCC

RGB

rgb(246, 189, 204)

HSL

hsl(344, 76%, 85%)

CMYK

cmyk(0%, 23%, 17%, 4%)

HSV

hsv(344, 23%, 96%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#F6BCE8 #F6BCCB #F6C9BC

Triadic

#F6BCCB #CBF6BC #BCCBF6

Split Complementary

#F6BCCB #BCF6C9 #BCE8F6

Tetradic (Square)

#F6BCCB #E8F6BC #BCF6E6 #C9BCF6

Complementary

#F6BDCC #BCF6E6

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.61:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.07: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: #F6BDCC;

color: #F6BDCC;

border-color: #F6BDCC;

}

Tailwind CSS (with arbitrary values)

bg-[#F6BDCC]

text-[#F6BDCC]

border-[#F6BDCC]

// Example usage: