Hex Color #9A6275 - Custom Color

Color Codes

HEX

#9A6275

RGB

rgb(154, 98, 117)

HSL

hsl(340, 22%, 49%)

CMYK

cmyk(0%, 36%, 24%, 40%)

HSV

hsv(340, 36%, 60%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#98618F #986174 #986B61

Triadic

#986174 #749861 #617498

Split Complementary

#986174 #61986B #618F98

Tetradic (Square)

#986174 #8F9861 #619886 #6B6198

Complementary

#9A6275 #619886

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.80:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.38:1

Fail - 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: #9A6275;

color: #9A6275;

border-color: #9A6275;

}

Tailwind CSS (with arbitrary values)

bg-[#9A6275]

text-[#9A6275]

border-[#9A6275]

// Example usage: