Hex Color #B90708 - Custom Color

Color Codes

HEX

#B90708

RGB

rgb(185, 7, 8)

HSL

hsl(360, 93%, 38%)

CMYK

cmyk(0%, 96%, 96%, 27%)

HSV

hsv(360, 96%, 73%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#BB0761 #BB0707 #BB6107

Triadic

#BB0707 #07BB07 #0707BB

Split Complementary

#BB0707 #07BB61 #0761BB

Tetradic (Square)

#BB0707 #61BB07 #07BBBB #6107BB

Complementary

#B90708 #07BBBB

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 6.78:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.10: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: #B90708;

color: #B90708;

border-color: #B90708;

}

Tailwind CSS (with arbitrary values)

bg-[#B90708]

text-[#B90708]

border-[#B90708]

// Example usage: