Hex Color #CA787F - Custom Color

Color Codes

HEX

#CA787F

RGB

rgb(202, 120, 127)

HSL

hsl(355, 44%, 63%)

CMYK

cmyk(0%, 41%, 37%, 21%)

HSV

hsv(355, 41%, 79%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#CA77A8 #CA777E #CA9A77

Triadic

#CA777E #7ECA77 #777ECA

Split Complementary

#CA777E #77CA9A #77A8CA

Tetradic (Square)

#CA777E #A8CA77 #77CAC3 #9A77CA

Complementary

#CA787F #77CAC3

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.23:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.50:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use white text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #CA787F;

color: #CA787F;

border-color: #CA787F;

}

Tailwind CSS (with arbitrary values)

bg-[#CA787F]

text-[#CA787F]

border-[#CA787F]

// Example usage: