Hex Color #547331 - Custom Color

Color Codes

HEX

#547331

RGB

rgb(84, 115, 49)

HSL

hsl(88, 40%, 32%)

CMYK

cmyk(27%, 0%, 57%, 55%)

HSV

hsv(88, 57%, 45%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#727031 #547231 #337231

Triadic

#547231 #315472 #723154

Split Complementary

#547231 #313372 #703172

Tetradic (Square)

#547231 #317270 #4F3172 #723133

Complementary

#547331 #4F3172

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.42:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.87: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: #547331;

color: #547331;

border-color: #547331;

}

Tailwind CSS (with arbitrary values)

bg-[#547331]

text-[#547331]

border-[#547331]

// Example usage: