Hex Color #3C0702 - Custom Color

Color Codes

HEX

#3C0702

RGB

rgb(60, 7, 2)

HSL

hsl(5, 94%, 12%)

CMYK

cmyk(0%, 88%, 97%, 76%)

HSV

hsv(5, 97%, 24%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#3B021A #3B0702 #3B2302

Triadic

#3B0702 #023B07 #07023B

Split Complementary

#3B0702 #023B23 #021A3B

Tetradic (Square)

#3B0702 #1A3B02 #02373B #23023B

Complementary

#3C0702 #02373B

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 17.17:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.22: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: #3C0702;

color: #3C0702;

border-color: #3C0702;

}

Tailwind CSS (with arbitrary values)

bg-[#3C0702]

text-[#3C0702]

border-[#3C0702]

// Example usage: