Hex Color #16060F - Custom Color

Color Codes

HEX

#16060F

RGB

rgb(22, 6, 15)

HSL

hsl(326, 57%, 5%)

CMYK

cmyk(0%, 73%, 32%, 91%)

HSV

hsv(326, 73%, 9%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#130514 #14050E #140506

Triadic

#14050E #0E1405 #050E14

Split Complementary

#14050E #061405 #051413

Tetradic (Square)

#14050E #141305 #05140C #050614

Complementary

#16060F #05140C

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 19.68:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.07: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: #16060F;

color: #16060F;

border-color: #16060F;

}

Tailwind CSS (with arbitrary values)

bg-[#16060F]

text-[#16060F]

border-[#16060F]

// Example usage: