Hex Color #B18278 - Custom Color

Color Codes

HEX

#B18278

RGB

rgb(177, 130, 120)

HSL

hsl(11, 27%, 58%)

CMYK

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

HSV

hsv(11, 32%, 69%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#B17789 #B18277 #B19F77

Triadic

#B18277 #77B182 #8277B1

Split Complementary

#B18277 #77B19F #7789B1

Tetradic (Square)

#B18277 #89B177 #77A6B1 #9F77B1

Complementary

#B18278 #77A6B1

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.32:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.33: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: #B18278;

color: #B18278;

border-color: #B18278;

}

Tailwind CSS (with arbitrary values)

bg-[#B18278]

text-[#B18278]

border-[#B18278]

// Example usage: