HEX Color #D3A0A8 (Rosybrown)

About #D3A0A8

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

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 0% C, 24% M, 20% Y, and 17% K. The HSL representation is 350.6° hue, 36.7% saturation, and 72.7% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#D3A0A8

RGB211, 160, 168

HSL350.6°, 36.7%, 72.7%

CMYK0%, 24%, 20%, 17%

HSV350.6°, 24.2%, 82.7%

LAB70.7, 20.1, 3.2

XYZ46.5, 41.8, 42.7

Decimal13869224

Color Harmonies

Complementary

#D3A0A8 #9FD3CA

Analogous

#D39FC1 #D3B19F

Triadic

#A7D39F #9FA8D3

Tetradic

#C1D39F #9FD3CA #B19FD3

Tints, Shades & Tones

Tints (Adding White)

#D3A0A8

#D7AAB1

#DCB5BB

#E1BFC5

#E6CACE

#EBD4D8

#F0DFE2

#F5E9EB

#FAF4F5

#FFFFFF

Shades (Adding Black)

#D3A0A8

#BB8E95

#A47C82

#8C6A70

#75585D

#5D474A

#463538

#2E2325

#171112

#000000

WCAG Contrast Accessibility

2.24:1

Text on #FFFFFF

FAIL

9.36:1

Text on #000000

AAA

2.14:1

Text on #F8FAFC

FAIL

7.96:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #D3A0A8; }

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

Similar Colors

Rosybrown

#BC8F8F