HEX Color #D392AF (Lightpink)

About #D392AF

When working with digital screens, the color #D392AF is rendered by mixing light. Its closest recognized web color is Lightpink. To achieve this exact tint on a monitor, you would use an RGB mix of 211, 146, and 175.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 0% Cyan, 31% Magenta, 17% Yellow, and 17% Black. This makes it a relatively light color when applied to physical surfaces.

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#D392AF

RGB211, 146, 175

HSL333.2°, 42.5%, 70.0%

CMYK0%, 31%, 17%, 17%

HSV333.2°, 30.8%, 82.7%

LAB67.7, 28.8, -5.2

XYZ44.9, 37.5, 45.4

Decimal13865647

Color Harmonies

Complementary

#D392AF #91D3B6

Analogous

#D391CF #D39591

Triadic

#AFD391 #91AED3

Tetradic

#CFD391 #91D3B6 #9591D3

Tints, Shades & Tones

Tints (Adding White)

#D392AF

#D79EB7

#DCAAC0

#E1B6C9

#E6C2D2

#EBCEDB

#F0DAE4

#F5E6ED

#FAF2F6

#FFFFFF

Shades (Adding Black)

#D392AF

#BB819B

#A47188

#8C6174

#755161

#5D404D

#46303A

#2E2026

#171013

#000000

WCAG Contrast Accessibility

2.47:1

Text on #FFFFFF

FAIL

8.50:1

Text on #000000

AAA

2.36:1

Text on #F8FAFC

FAIL

7.23:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #D392AF; }

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

Similar Colors

Lightpink

#FFB6C1