Hex Color #362639 - Custom Color

Color Codes

HEX

#362639

RGB

rgb(54, 38, 57)

HSL

hsl(291, 20%, 19%)

CMYK

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

HSV

hsv(291, 33%, 22%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#2E273A #37273A #3A2733

Triadic

#37273A #3A3727 #273A37

Split Complementary

#37273A #333A27 #273A2E

Tetradic (Square)

#37273A #3A2E27 #2A3A27 #27333A

Complementary

#362639 #2A3A27

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 14.06:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.49: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: #362639;

color: #362639;

border-color: #362639;

}

Tailwind CSS (with arbitrary values)

bg-[#362639]

text-[#362639]

border-[#362639]

// Example usage: