Hex Color #68A06E - Custom Color

Color Codes

HEX

#68A06E

RGB

rgb(104, 160, 110)

HSL

hsl(126, 23%, 52%)

CMYK

cmyk(35%, 0%, 31%, 37%)

HSV

hsv(126, 35%, 63%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#7FA168 #68A16E #68A18A

Triadic

#68A16E #6E68A1 #A16E68

Split Complementary

#68A16E #8A68A1 #A1687F

Tetradic (Square)

#68A16E #687FA1 #A1689B #A18A68

Complementary

#68A06E #A1689B

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.07:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.84: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: #68A06E;

color: #68A06E;

border-color: #68A06E;

}

Tailwind CSS (with arbitrary values)

bg-[#68A06E]

text-[#68A06E]

border-[#68A06E]

// Example usage: