Hex Color #D54547 - Custom Color

Color Codes

HEX

#D54547

RGB

rgb(213, 69, 71)

HSL

hsl(359, 63%, 55%)

CMYK

cmyk(0%, 68%, 67%, 16%)

HSV

hsv(359, 68%, 84%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#D5448F #D54446 #D58A44

Triadic

#D54446 #46D544 #4446D5

Split Complementary

#D54446 #44D58A #448FD5

Tetradic (Square)

#D54446 #8FD544 #44D5D2 #8A44D5

Complementary

#D54547 #44D5D2

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.40:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.77: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: #D54547;

color: #D54547;

border-color: #D54547;

}

Tailwind CSS (with arbitrary values)

bg-[#D54547]

text-[#D54547]

border-[#D54547]

// Example usage: