#BA6787 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #ba6787 graphic
A muted, dusty pink with warm, earthy undertones, #ba6787 feels accessible and grounded rather than saccharine. Its low saturation keeps it sophisticated, making it a reliable choice for supporting UI elements or branding that needs a touch of charm without overpowering the design. This hex code provides enough contrast for black text, ensuring readability in body copy while maintaining a subtle, professional aesthetic.

Questions about #ba6787

What is #ba6787 in RGB, HSL and CMYK?
In RGB, #ba6787 is rgb(186, 103, 135), in HSL hsl(337, 38%, 57%) and in CMYK 0%, 45%, 27%, 27%.
How should I use #ba6787 in professional design projects?
#ba6787 works best as a primary accent or muted background element because it feels grounded and approachable. Pair it with charcoal or deep neutral grays to maintain readability in UI design while keeping the aesthetic soft and sophisticated.
Does #ba6787 read as a warm or cool tone?
#ba6787 reads as a warm, dusty pink due to its earthy undertones that prevent it from appearing too bright or saccharine. This warmth makes it an excellent choice for wellness branding or lifestyle design that requires a gentle yet professional touch.
Is #ba6787 readable on white or black?
#ba6787 has a 3.90:1 contrast ratio on white and 5.37:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.