Hex Color #C0477E - Custom Color

Color Codes

HEX

#C0477E

RGB

rgb(192, 71, 126)

HSL

hsl(333, 49%, 52%)

CMYK

cmyk(0%, 63%, 34%, 25%)

HSV

hsv(333, 63%, 75%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#C149BB #C1497F #C14F49

Triadic

#C1497F #7FC149 #497FC1

Split Complementary

#C1497F #49C14F #49BBC1

Tetradic (Square)

#C1497F #BBC149 #49C18B #4F49C1

Complementary

#C0477E #49C18B

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.73:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.44:1

Fail - 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: #C0477E;

color: #C0477E;

border-color: #C0477E;

}

Tailwind CSS (with arbitrary values)

bg-[#C0477E]

text-[#C0477E]

border-[#C0477E]

// Example usage: