Hex Color #B098A4 - Custom Color

Color Codes

HEX

#B098A4

RGB

rgb(176, 152, 164)

HSL

hsl(330, 13%, 64%)

CMYK

cmyk(0%, 14%, 7%, 31%)

HSV

hsv(330, 14%, 69%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#AF97AF #AF97A3 #AF9797

Triadic

#AF97A3 #A3AF97 #97A3AF

Split Complementary

#AF97A3 #97AF97 #97AFAF

Tetradic (Square)

#AF97A3 #AFAF97 #97AFA3 #9797AF

Complementary

#B098A4 #97AFA3

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.67:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 7.87:1

Pass - WCAG AA (Normal Text)

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

color: #B098A4;

border-color: #B098A4;

}

Tailwind CSS (with arbitrary values)

bg-[#B098A4]

text-[#B098A4]

border-[#B098A4]

// Example usage: