Hex Color #540708 - Custom Color

Color Codes

HEX

#540708

RGB

rgb(84, 7, 8)

HSL

hsl(359, 85%, 18%)

CMYK

cmyk(0%, 92%, 90%, 67%)

HSV

hsv(359, 92%, 33%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#55072F #550708 #552D07

Triadic

#550708 #085507 #070855

Split Complementary

#550708 #07552D #072F55

Tetradic (Square)

#550708 #2F5507 #075554 #2D0755

Complementary

#540708 #075554

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 14.88:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.41: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: #540708;

color: #540708;

border-color: #540708;

}

Tailwind CSS (with arbitrary values)

bg-[#540708]

text-[#540708]

border-[#540708]

// Example usage: