Hex Color #360A34 - Custom Color

Color Codes

HEX

#360A34

RGB

rgb(54, 10, 52)

HSL

hsl(303, 69%, 13%)

CMYK

cmyk(0%, 81%, 4%, 79%)

HSV

hsv(303, 81%, 21%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#230A38 #380A36 #380A1F

Triadic

#380A36 #36380A #0A3638

Split Complementary

#380A36 #1F380A #0A3823

Tetradic (Square)

#380A36 #38230A #0A380D #0A1F38

Complementary

#360A34 #0A380D

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 16.80:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.25: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: #360A34;

color: #360A34;

border-color: #360A34;

}

Tailwind CSS (with arbitrary values)

bg-[#360A34]

text-[#360A34]

border-[#360A34]

// Example usage: