Hex Color #718382 - Custom Color

Color Codes

HEX

#718382

RGB

rgb(113, 131, 130)

HSL

hsl(177, 7%, 48%)

CMYK

cmyk(14%, 0%, 1%, 49%)

HSV

hsv(177, 14%, 51%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#72837A #728382 #727B83

Triadic

#728382 #827283 #838272

Split Complementary

#728382 #83727B #837A72

Tetradic (Square)

#728382 #7A7283 #837273 #7B8372

Complementary

#718382 #837273

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.98:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.27: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: #718382;

color: #718382;

border-color: #718382;

}

Tailwind CSS (with arbitrary values)

bg-[#718382]

text-[#718382]

border-[#718382]

// Example usage: