Hex Color #797D7B - Custom Color

Color Codes

HEX

#797D7B

RGB

rgb(121, 125, 123)

HSL

hsl(150, 2%, 48%)

CMYK

cmyk(3%, 0%, 2%, 51%)

HSV

hsv(150, 3%, 49%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#787D78 #787D7A #787D7D

Triadic

#787D7A #7A787D #7D7A78

Split Complementary

#787D7A #7D787D #7D7878

Tetradic (Square)

#787D7A #78787D #7D787A #7D7D78

Complementary

#797D7B #7D787A

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.17:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.03: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: #797D7B;

color: #797D7B;

border-color: #797D7B;

}

Tailwind CSS (with arbitrary values)

bg-[#797D7B]

text-[#797D7B]

border-[#797D7B]

// Example usage: