#B2535C

Color Details

HEX
#B2535C
RGB
rgb(178, 83, 92)
HSL
hsl(354, 38%, 51%)
CMYK
cmyk(0%, 53%, 48%, 30%)
Best text on this color #FFFFFF (CR 4.90:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b2535c
Contrast 4.28:1 Fail
White on #b2535c
Contrast 4.90:1 AA
#b2535c on Black
Contrast 4.28:1 Fail
#b2535c on White
Contrast 4.90:1 AA

Tints & Shades

#c1757d
#d1989d
#e0babe
#8e424a
#6b3237
#472125

Complement & Analogous

#53b2a8
#b27953
#b2538c

Triadic

#5cb253
#535cb2

Monochrome

#472125 #6b3237 #b2535c #d1989d #e0babe #f0ddde

Analogous

#b2538c #c987af #b2535c #c19475 #b27953 #8e6142

Complementary Mix

#6b3237 #b2535c #d1989d #53b2a8 #8fcdc6 #36746d

Nearby Colors

#b2535b
#b2535d
#b2534c
#b2536c

Embed #B2535C swatch

Embed this swatch

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

Open image

About #B2535C

#B2535C converts to RGB(178, 83, 92) and HSL(354, 38%, 51%). 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).

#B2535C FAQs

What is the RGB value of #B2535C?
RGB: 178, 83, 92. Copy as CSS: rgb(178, 83, 92)
Is #B2535C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B2535C?
Complement: #53b2a8.
Does #B2535C have good contrast on white or black?
On white: 4.90:1 (AA (normal text)). On black: 4.28:1 (AA (large text)).