Hex Color #22241E - Custom Color

Color Codes

HEX

#22241E

RGB

rgb(34, 36, 30)

HSL

hsl(80, 9%, 13%)

CMYK

cmyk(6%, 0%, 17%, 86%)

HSV

hsv(80, 17%, 14%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#24231E #22241E #1F241E

Triadic

#22241E #1E2224 #241E22

Split Complementary

#22241E #1E1F24 #231E24

Tetradic (Square)

#22241E #1E2423 #201E24 #241E1F

Complementary

#22241E #201E24

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 15.68: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: #22241E;

color: #22241E;

border-color: #22241E;

}

Tailwind CSS (with arbitrary values)

bg-[#22241E]

text-[#22241E]

border-[#22241E]

// Example usage: