Hex Color #CC747A - Custom Color

Color Codes

HEX

#CC747A

RGB

rgb(204, 116, 122)

HSL

hsl(356, 46%, 63%)

CMYK

cmyk(0%, 43%, 40%, 20%)

HSV

hsv(356, 43%, 80%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#CC75A6 #CC757B #CC9B75

Triadic

#CC757B #7BCC75 #757BCC

Split Complementary

#CC757B #75CC9B #75A6CC

Tetradic (Square)

#CC757B #A6CC75 #75CCC6 #9B75CC

Complementary

#CC747A #75CCC6

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.31:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.35: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: #CC747A;

color: #CC747A;

border-color: #CC747A;

}

Tailwind CSS (with arbitrary values)

bg-[#CC747A]

text-[#CC747A]

border-[#CC747A]

// Example usage: