Hex Color #749C6F - Custom Color

Color Codes

HEX

#749C6F

RGB

rgb(116, 156, 111)

HSL

hsl(113, 19%, 52%)

CMYK

cmyk(26%, 0%, 29%, 39%)

HSV

hsv(113, 29%, 61%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#8A9C6D #739C6D #6D9C7F

Triadic

#739C6D #6D739C #9C6D73

Split Complementary

#739C6D #7F6D9C #9C6D8A

Tetradic (Square)

#739C6D #6D8A9C #966D9C #9C7F6D

Complementary

#749C6F #966D9C

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.12:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.73: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: #749C6F;

color: #749C6F;

border-color: #749C6F;

}

Tailwind CSS (with arbitrary values)

bg-[#749C6F]

text-[#749C6F]

border-[#749C6F]

// Example usage: