Hex Color #201B1F - Custom Color

Color Codes

HEX

#201B1F

RGB

rgb(32, 27, 31)

HSL

hsl(312, 8%, 12%)

CMYK

cmyk(0%, 16%, 3%, 87%)

HSV

hsv(312, 16%, 13%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#201C21 #211C20 #211C1E

Triadic

#211C20 #20211C #1C2021

Split Complementary

#211C20 #1E211C #1C2120

Tetradic (Square)

#211C20 #21201C #1C211D #1C1E21

Complementary

#201B1F #1C211D

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 16.96:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.24: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: #201B1F;

color: #201B1F;

border-color: #201B1F;

}

Tailwind CSS (with arbitrary values)

bg-[#201B1F]

text-[#201B1F]

border-[#201B1F]

// Example usage: