HEX Color #DB507C (Palevioletred)

About #DB507C

The precise color #DB507C is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Palevioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 219, 80, and 124.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 0% cyan and 63% magenta inks. The HSL representation is 341.0° hue, 65.9% saturation, and 58.6% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #000000 text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#DB507C

RGB219, 80, 124

HSL341.0°, 65.9%, 58.6%

CMYK0%, 63%, 43%, 14%

HSV341.0°, 63.5%, 85.9%

LAB54.3, 57.8, 4.8

XYZ35.7, 22.3, 21.5

Decimal14372988

Color Harmonies

Complementary

#DB507C #4FDBAF

Analogous

#DB4FC1 #DB694F

Triadic

#7BDB4F #4F7BDB

Tetradic

#C1DB4F #4FDBAF #694FDB

Tints, Shades & Tones

Tints (Adding White)

#DB507C

#DF638A

#E37699

#E78AA7

#EB9DB6

#EFB1C4

#F3C4D3

#F7D8E1

#FBEBF0

#FFFFFF

Shades (Adding Black)

#DB507C

#C2476E

#AA3E60

#923552

#792C44

#612337

#491A29

#30111B

#18080D

#000000

WCAG Contrast Accessibility

3.85:1

Text on #FFFFFF

AA Large

5.45:1

Text on #000000

AA

3.68:1

Text on #F8FAFC

AA Large

4.63:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #DB507C; }

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

Similar Colors

Palevioletred

#DB7093