Hex Color #341237 - Custom Color

Color Codes

HEX

#341237

RGB

rgb(52, 18, 55)

HSL

hsl(295, 51%, 14%)

CMYK

cmyk(5%, 67%, 0%, 78%)

HSV

hsv(295, 67%, 22%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#211136 #331136 #361127

Triadic

#331136 #363311 #113633

Split Complementary

#331136 #273611 #113621

Tetradic (Square)

#331136 #362111 #153611 #112736

Complementary

#341237 #153611

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 16.31:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.29: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: #341237;

color: #341237;

border-color: #341237;

}

Tailwind CSS (with arbitrary values)

bg-[#341237]

text-[#341237]

border-[#341237]

// Example usage: