Hex Color #653114 - Custom Color

Color Codes

HEX

#653114

RGB

rgb(101, 49, 20)

HSL

hsl(21, 67%, 24%)

CMYK

cmyk(0%, 51%, 80%, 60%)

HSV

hsv(21, 80%, 40%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#661420 #663114 #665A14

Triadic

#663114 #146631 #311466

Split Complementary

#663114 #14665A #142066

Tetradic (Square)

#663114 #206614 #144A66 #5A1466

Complementary

#653114 #144A66

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 10.49:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.00: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: #653114;

color: #653114;

border-color: #653114;

}

Tailwind CSS (with arbitrary values)

bg-[#653114]

text-[#653114]

border-[#653114]

// Example usage: