Hex Color #63412F - Custom Color

Color Codes

HEX

#63412F

RGB

rgb(99, 65, 47)

HSL

hsl(21, 36%, 29%)

CMYK

cmyk(0%, 34%, 53%, 61%)

HSV

hsv(21, 53%, 39%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#652F37 #65422F #655D2F

Triadic

#65422F #2F6542 #422F65

Split Complementary

#65422F #2F655D #2F3765

Tetradic (Square)

#65422F #37652F #2F5265 #5D2F65

Complementary

#63412F #2F5265

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 9.02:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.33: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: #63412F;

color: #63412F;

border-color: #63412F;

}

Tailwind CSS (with arbitrary values)

bg-[#63412F]

text-[#63412F]

border-[#63412F]

// Example usage: