Hex Color #74AF58 - Custom Color

Color Codes

HEX

#74AF58

RGB

rgb(116, 175, 88)

HSL

hsl(101, 35%, 52%)

CMYK

cmyk(34%, 0%, 50%, 31%)

HSV

hsv(101, 50%, 69%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#A0AF5A #75AF5A #5AAF69

Triadic

#75AF5A #5A75AF #AF5A75

Split Complementary

#75AF5A #695AAF #AF5AA0

Tetradic (Square)

#75AF5A #5AA0AF #945AAF #AF695A

Complementary

#74AF58 #945AAF

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.62:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 8.02:1

Pass - WCAG AA (Normal Text)

Pass - 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: #74AF58;

color: #74AF58;

border-color: #74AF58;

}

Tailwind CSS (with arbitrary values)

bg-[#74AF58]

text-[#74AF58]

border-[#74AF58]

// Example usage: