Hex Color #D67178 - Custom Color

Color Codes

HEX

#D67178

RGB

rgb(214, 113, 120)

HSL

hsl(356, 55%, 64%)

CMYK

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

HSV

hsv(356, 47%, 84%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#D671AA #D67177 #D69C71

Triadic

#D67177 #77D671 #7177D6

Split Complementary

#D67177 #71D69C #71AAD6

Tetradic (Square)

#D67177 #AAD671 #71D6CF #9C71D6

Complementary

#D67178 #71D6CF

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.49: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: #D67178;

color: #D67178;

border-color: #D67178;

}

Tailwind CSS (with arbitrary values)

bg-[#D67178]

text-[#D67178]

border-[#D67178]

// Example usage: