Hex Color #779365 - Custom Color

Color Codes

HEX

#779365

RGB

rgb(119, 147, 101)

HSL

hsl(97, 19%, 49%)

CMYK

cmyk(19%, 0%, 31%, 42%)

HSV

hsv(97, 31%, 58%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#8F9565 #779565 #65956B

Triadic

#779565 #657795 #956577

Split Complementary

#779565 #6B6595 #95658F

Tetradic (Square)

#779565 #658F95 #826595 #956B65

Complementary

#779365 #826595

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.42:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.15: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: #779365;

color: #779365;

border-color: #779365;

}

Tailwind CSS (with arbitrary values)

bg-[#779365]

text-[#779365]

border-[#779365]

// Example usage: