Hex Color #349742 - Custom Color

Color Codes

HEX

#349742

RGB

rgb(52, 151, 66)

HSL

hsl(128, 49%, 40%)

CMYK

cmyk(66%, 0%, 56%, 41%)

HSV

hsv(128, 66%, 59%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#599834 #349841 #349873

Triadic

#349841 #413498 #984134

Split Complementary

#349841 #733498 #983459

Tetradic (Square)

#349841 #345998 #98348B #987334

Complementary

#349742 #98348B

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.72:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.65: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: #349742;

color: #349742;

border-color: #349742;

}

Tailwind CSS (with arbitrary values)

bg-[#349742]

text-[#349742]

border-[#349742]

// Example usage: