HEX Color #CCAFF8 (Plum)

About #CCAFF8

When working with digital screens, the color #CCAFF8 is rendered by mixing light. Designers often compare it to the standard color Plum. To achieve this exact tint on a monitor, you would use an RGB mix of 204, 175, and 248.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 18% cyan and 29% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Contrast ratios determine whether this color is safe for typography. To prevent eye strain, #000000 text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#CCAFF8

RGB204, 175, 248

HSL263.8°, 83.9%, 82.9%

CMYK18%, 29%, 0%, 3%

HSV263.8°, 29.4%, 97.3%

LAB76.2, 24.5, -32.4

XYZ57.2, 50.3, 95.5

Decimal13414392

Color Harmonies

Complementary

#CCAFF8 #DBF8AE

Analogous

#AEB6F8 #F0AEF8

Triadic

#F8CBAE #AEF8CB

Tetradic

#F8AEB6 #DBF8AE #AEF8F0

Tints, Shades & Tones

Tints (Adding White)

#CCAFF8

#D1B7F8

#D7C0F9

#DDC9FA

#E2D2FB

#E8DBFB

#EEE4FC

#F3EDFD

#F9F6FE

#FFFFFF

Shades (Adding Black)

#CCAFF8

#B59BDC

#9E88C0

#8874A5

#716189

#5A4D6E

#443A52

#2D2637

#16131B

#000000

WCAG Contrast Accessibility

1.90:1

Text on #FFFFFF

FAIL

11.05:1

Text on #000000

AAA

1.82:1

Text on #F8FAFC

FAIL

9.40:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #CCAFF8; }

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

Similar Colors

Plum

#DDA0DD