Hex Color #B1818F - Custom Color

Color Codes

HEX

#B1818F

RGB

rgb(177, 129, 143)

HSL

hsl(343, 24%, 60%)

CMYK

cmyk(0%, 27%, 19%, 31%)

HSV

hsv(343, 27%, 69%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#B181A7 #B1818E #B18B81

Triadic

#B1818E #8EB181 #818EB1

Split Complementary

#B1818E #81B18B #81A7B1

Tetradic (Square)

#B1818E #A7B181 #81B1A4 #8B81B1

Complementary

#B1818F #81B1A4

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.28:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.41:1

Pass - 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: #B1818F;

color: #B1818F;

border-color: #B1818F;

}

Tailwind CSS (with arbitrary values)

bg-[#B1818F]

text-[#B1818F]

border-[#B1818F]

// Example usage: