Hex Color #55384E - Custom Color

Color Codes

HEX

#55384E

RGB

rgb(85, 56, 78)

HSL

hsl(314, 21%, 28%)

CMYK

cmyk(0%, 34%, 8%, 67%)

HSV

hsv(314, 34%, 33%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#4E3856 #56384F #563840

Triadic

#56384F #4F5638 #384F56

Split Complementary

#56384F #405638 #38564E

Tetradic (Square)

#56384F #564E38 #38563F #384056

Complementary

#55384E #38563F

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 10.18:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.06: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: #55384E;

color: #55384E;

border-color: #55384E;

}

Tailwind CSS (with arbitrary values)

bg-[#55384E]

text-[#55384E]

border-[#55384E]

// Example usage: