Hex Color #56615E - Custom Color

Color Codes

HEX

#56615E

RGB

rgb(86, 97, 94)

HSL

hsl(164, 6%, 36%)

CMYK

cmyk(11%, 0%, 3%, 62%)

HSV

hsv(164, 11%, 38%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#566159 #56615E #565F61

Triadic

#56615E #5E5661 #615E56

Split Complementary

#56615E #61565F #615956

Tetradic (Square)

#56615E #595661 #615659 #5F6156

Complementary

#56615E #615659

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 6.43:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.27: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: #56615E;

color: #56615E;

border-color: #56615E;

}

Tailwind CSS (with arbitrary values)

bg-[#56615E]

text-[#56615E]

border-[#56615E]

// Example usage: