#BD145D Color

#BD145D is rgb(189, 20, 93) in RGB and hsl(334, 81%, 41%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#BD145D

HEX#BD145D

RGBrgb(189, 20, 93)

HSLhsl(334, 81%, 41%)

HSVhsv(334, 89%, 74%)

OKLCHoklch(52.1% 0.2 3.5)

CMYKcmyk(0%, 89%, 51%, 26%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #BD145D background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text6.14:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.42:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #BD145D based on color wheel relationships. Click any swatch for its full breakdown.

Base#BD145D Complementary#14BD74 Analogous#BD14B2 Analogous#BD1F14 Triadic#5DBD14 Triadic#145DBD

Tints & Shades

Lighter tints and darker shades of #BD145D, useful for hover states, backgrounds, and text variants.

Tints

#E2186F #EA3986 #EE5D9C #F287B6 #F6ACCC #FAD1E3

Shades

#A61152 #8A0F44 #730C39 #5C0A2D #450722 #2A0414

Use #BD145D in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex