#B4788A

Color Details

HEX
#B4788A
RGB
rgb(180, 120, 138)
HSL
hsl(342, 29%, 59%)
CMYK
cmyk(0%, 33%, 23%, 29%)
Best text on this color #000000 (CR 5.99:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b4788a
Contrast 5.99:1 AA
White on #b4788a
Contrast 3.50:1 Fail
#b4788a on Black
Contrast 5.99:1 AA
#b4788a on White
Contrast 3.50:1 Fail

Tints & Shades

#c393a1
#d2aeb9
#e1c9d0
#90606e
#6c4853
#483037

Complement & Analogous

#78b5a3
#b58478
#b578a9

Triadic

#8ab578
#788ab5

Monochrome

#483037 #6c4853 #b4788a #d2aeb9 #e1c9d0 #f0e4e8

Analogous

#b578a9 #cba1c3 #b4788a #c49d93 #b58478 #916a60

Complementary Mix

#6c4853 #b4788a #d2aeb9 #78b5a3 #a7cfc3 #4e766a

Nearby Colors

#b47889
#b4788b
#b4787a
#b4789a

Embed #B4788A swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #B4788A

#B4788A converts to RGB(180, 120, 138) and HSL(342, 29%, 59%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#B4788A FAQs

What is the RGB value of #B4788A?
RGB: 180, 120, 138. Copy as CSS: rgb(180, 120, 138)
Is #B4788A a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B4788A?
Complement: #78b5a3.
Does #B4788A have good contrast on white or black?
On white: 3.50:1 (AA (large text)). On black: 5.99:1 (AA (normal text)).