HEX Color #BD758A (Palevioletred)

About #BD758A

Visually, #BD758A is defined as a moderate magenta. Its closest recognized web color is Palevioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 189, 117, and 138.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 0% cyan, 38% magenta, 27% yellow, and 26% black. With a hue angle of 342.5 degrees, it sits comfortably in the magenta spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#BD758A

RGB189, 117, 138

HSL342.5°, 35.3%, 60.0%

CMYK0%, 38%, 27%, 26%

HSV342.5°, 38.1%, 74.1%

LAB57.4, 31.0, 0.6

XYZ31.9, 25.4, 27.3

Decimal12416394

Color Harmonies

Complementary

#BD758A #75BCA8

Analogous

#BC75AD #BC8475

Triadic

#89BC75 #7589BC

Tetradic

#ADBC75 #75BCA8 #8375BC

Tints, Shades & Tones

Tints (Adding White)

#BD758A

#C48497

#CB93A4

#D3A3B1

#DAB2BE

#E1C1CB

#E9D1D8

#F0E0E5

#F7EFF2

#FFFFFF

Shades (Adding Black)

#BD758A

#A8687A

#935B6B

#7E4E5C

#69414C

#54343D

#3F272E

#2A1A1E

#150D0F

#000000

WCAG Contrast Accessibility

3.46:1

Text on #FFFFFF

AA Large

6.08:1

Text on #000000

AA

3.30:1

Text on #F8FAFC

AA Large

5.16:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #BD758A; }

.text-color { color: #BD758A; }

.border-color { border: 2px solid #BD758A; }

Similar Colors

Palevioletred

#DB7093