Hex Color #747248 - Custom Color

Color Codes

HEX

#747248

RGB

rgb(116, 114, 72)

HSL

hsl(57, 23%, 37%)

CMYK

cmyk(0%, 2%, 38%, 55%)

HSV

hsv(57, 38%, 45%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#745C49 #747249 #617449

Triadic

#747249 #497472 #724974

Split Complementary

#747249 #496174 #5C4974

Tetradic (Square)

#747249 #49745C #494B74 #744961

Complementary

#747248 #494B74

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.95:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.24: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: #747248;

color: #747248;

border-color: #747248;

}

Tailwind CSS (with arbitrary values)

bg-[#747248]

text-[#747248]

border-[#747248]

// Example usage: