Hex Color #968998 - Custom Color

Color Codes

HEX

#968998

RGB

rgb(150, 137, 152)

HSL

hsl(292, 7%, 57%)

CMYK

cmyk(1%, 10%, 0%, 40%)

HSV

hsv(292, 10%, 60%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#8F8A99 #978A99 #998A93

Triadic

#978A99 #99978A #8A9997

Split Complementary

#978A99 #93998A #8A998F

Tetradic (Square)

#978A99 #998F8A #8C998A #8A9399

Complementary

#968998 #8C998A

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.32:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.33: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: #968998;

color: #968998;

border-color: #968998;

}

Tailwind CSS (with arbitrary values)

bg-[#968998]

text-[#968998]

border-[#968998]

// Example usage: