Hex Color #291A49 - Custom Color

Color Codes

HEX

#291A49

RGB

rgb(41, 26, 73)

HSL

hsl(259, 47%, 19%)

CMYK

cmyk(44%, 64%, 0%, 71%)

HSV

hsv(259, 64%, 29%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#1A2247 #281A47 #3F1A47

Triadic

#281A47 #47281A #1A4728

Split Complementary

#281A47 #473F1A #22471A

Tetradic (Square)

#281A47 #471A22 #39471A #1A473F

Complementary

#291A49 #39471A

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 15.69:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.34: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: #291A49;

color: #291A49;

border-color: #291A49;

}

Tailwind CSS (with arbitrary values)

bg-[#291A49]

text-[#291A49]

border-[#291A49]

// Example usage: