Hex Color #D77978 - Custom Color

Color Codes

HEX

#D77978

RGB

rgb(215, 121, 120)

HSL

hsl(1, 54%, 66%)

CMYK

cmyk(0%, 44%, 44%, 16%)

HSV

hsv(1, 44%, 84%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#D779A7 #D77B79 #D7AA79

Triadic

#D77B79 #79D77B #7B79D7

Split Complementary

#D77B79 #79D7AA #79A7D7

Tetradic (Square)

#D77B79 #A7D779 #79D6D7 #AA79D7

Complementary

#D77978 #79D6D7

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.05:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.90: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: #D77978;

color: #D77978;

border-color: #D77978;

}

Tailwind CSS (with arbitrary values)

bg-[#D77978]

text-[#D77978]

border-[#D77978]

// Example usage: