#B64A64

Color Details

HEX
#B64A64
RGB
rgb(182, 74, 100)
HSL
hsl(346, 43%, 50%)
CMYK
cmyk(0%, 59%, 45%, 29%)
Best text on this color #FFFFFF (CR 5.06:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b64a64
Contrast 4.15:1 Fail
White on #b64a64
Contrast 5.06:1 AA
#b64a64 on Black
Contrast 4.15:1 Fail
#b64a64 on White
Contrast 5.06:1 AA

Tints & Shades

#c56e83
#d392a2
#e2b7c1
#923b50
#6d2c3c
#491e28

Complement & Analogous

#49b69d
#b66649
#b64999

Triadic

#62b649
#4962b6

Monochrome

#491e28 #6d2c3c #b64a64 #d392a2 #e2b7c1 #f0dbe0

Analogous

#b64999 #cc80b8 #b64a64 #c5856d #b66649 #92523a

Complementary Mix

#6d2c3c #b64a64 #d392a2 #49b69d #89d0bf #2f7666

Nearby Colors

#b64a63
#b64a65
#b64a54
#b64a74

Embed #B64A64 swatch

Embed this swatch

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

Open image

About #B64A64

#B64A64 converts to RGB(182, 74, 100) and HSL(346, 43%, 50%). 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).

#B64A64 FAQs

What is the RGB value of #B64A64?
RGB: 182, 74, 100. Copy as CSS: rgb(182, 74, 100)
Is #B64A64 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B64A64?
Complement: #49b69d.
Does #B64A64 have good contrast on white or black?
On white: 5.06:1 (AA (normal text)). On black: 4.15:1 (AA (large text)).