Hex Color #69994A - Custom Color

Color Codes

HEX

#69994A

RGB

rgb(105, 153, 74)

HSL

hsl(96, 35%, 45%)

CMYK

cmyk(31%, 0%, 52%, 40%)

HSV

hsv(96, 52%, 60%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#939B4B #6B9B4B #4B9B53

Triadic

#6B9B4B #4B6B9B #9B4B6B

Split Complementary

#6B9B4B #534B9B #9B4B93

Tetradic (Square)

#6B9B4B #4B939B #7B4B9B #9B534B

Complementary

#69994A #7B4B9B

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.36:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.26: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: #69994A;

color: #69994A;

border-color: #69994A;

}

Tailwind CSS (with arbitrary values)

bg-[#69994A]

text-[#69994A]

border-[#69994A]

// Example usage: