Hex Color #2A1226 - Custom Color

Color Codes

HEX

#2A1226

RGB

rgb(42, 18, 38)

HSL

hsl(310, 40%, 12%)

CMYK

cmyk(0%, 57%, 10%, 84%)

HSV

hsv(310, 57%, 16%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#23122B #2B1227 #2B121B

Triadic

#2B1227 #272B12 #12272B

Split Complementary

#2B1227 #1B2B12 #122B23

Tetradic (Square)

#2B1227 #2B2312 #122B16 #121B2B

Complementary

#2A1226 #122B16

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 17.31:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.21: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: #2A1226;

color: #2A1226;

border-color: #2A1226;

}

Tailwind CSS (with arbitrary values)

bg-[#2A1226]

text-[#2A1226]

border-[#2A1226]

// Example usage: