Hex Color #352232 - Custom Color

Color Codes

HEX

#352232

RGB

rgb(53, 34, 50)

HSL

hsl(309, 22%, 17%)

CMYK

cmyk(0%, 36%, 6%, 79%)

HSV

hsv(309, 36%, 21%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#2E2235 #352232 #352228

Triadic

#352232 #323522 #223235

Split Complementary

#352232 #283522 #22352E

Tetradic (Square)

#352232 #352E22 #223525 #222835

Complementary

#352232 #223525

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 14.72:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.43: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: #352232;

color: #352232;

border-color: #352232;

}

Tailwind CSS (with arbitrary values)

bg-[#352232]

text-[#352232]

border-[#352232]

// Example usage: