Hex Color #201009 - Custom Color

Color Codes

HEX

#201009

RGB

rgb(32, 16, 9)

HSL

hsl(18, 56%, 8%)

CMYK

cmyk(0%, 50%, 72%, 87%)

HSV

hsv(18, 72%, 13%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#20090E #201009 #201B09

Triadic

#201009 #092010 #100920

Split Complementary

#201009 #09201B #090E20

Tetradic (Square)

#201009 #0E2009 #091920 #1B0920

Complementary

#201009 #091920

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 18.43:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.14: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: #201009;

color: #201009;

border-color: #201009;

}

Tailwind CSS (with arbitrary values)

bg-[#201009]

text-[#201009]

border-[#201009]

// Example usage: