Hex Color #697970 - Custom Color

Color Codes

HEX

#697970

RGB

rgb(105, 121, 112)

HSL

hsl(146, 7%, 44%)

CMYK

cmyk(13%, 0%, 7%, 53%)

HSV

hsv(146, 13%, 47%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#697868 #68786F #687877

Triadic

#68786F #6F6878 #786F68

Split Complementary

#68786F #776878 #786869

Tetradic (Square)

#68786F #686978 #786871 #787768

Complementary

#697970 #786871

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.60:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.57: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: #697970;

color: #697970;

border-color: #697970;

}

Tailwind CSS (with arbitrary values)

bg-[#697970]

text-[#697970]

border-[#697970]

// Example usage: