Palest Ruby is a very light, vivid shade in the pink color family, with a warm feel. Its HEX code is #FFCCDB, which equals rgb(255, 204, 219) in RGB and hsl(342, 100%, 90%) in HSL. In print terms it converts to roughly C0 M20 Y14 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FFCCDB - RGB
255, 204, 219 - HSL
342°, 100%, 90% - CMYK
0, 20, 14, 0 - Family
Pink - Tone
Very light, vivid
About Palest Ruby
Pink shades range from soft pastels to vivid magentas. They can feel gentle and romantic or loud and modern, depending on saturation and lightness. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 14.91:1. Its complementary color is #CCFFF0.
Download Palest Ruby as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Palest Ruby color codes
| HEX | #FFCCDB |
|---|---|
| RGB | rgb(255, 204, 219) |
| HSL | hsl(342, 100%, 90%) |
| HSV | 342°, 20%, 100% |
| CMYK | 0%, 20%, 14%, 0% |
| Decimal | 16764123 |
Shades and tints of Palest Ruby
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFF7F9 - 100
#FFEEF3 - 200
#FFE6ED - 300
#FFDDE7 - 400
#FFD5E1 - 500
#FFCCDB - 600
#D5AAB7 - 700
#AA8892 - 800
#80666E - 900
#554449 - 950
#2B2225
Color harmonies for Palest Ruby
- Complementary
#CCFFF0≈ Palest Seafoam - Analogous −30°
#FFCCF5≈ Palest Fuchsia - Analogous +30°
#FFD6CC≈ Palest Scarlet - Triadic +120°
#DBFFCC≈ Palest Clover - Triadic +240°
#CCDBFF≈ Palest Cornflower - Split 150°
#CCFFD6≈ Palest Kelly - Split 210°
#CCF5FF≈ Palest Lagoon
Contrast and accessibility of Palest Ruby
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Palest Ruby | Aa | 1.41:1 | Fails |
| Black text on Palest Ruby | Aa | 14.91:1 | AAA (excellent) |
CSS code for Palest Ruby
background-color: #FFCCDB;color: #FFCCDB;background-color: rgb(255, 204, 219);background-color: hsl(342, 100%, 90%);:root { --color-palest-ruby: #FFCCDB; }class="bg-[#FFCCDB]"Colors similar to Palest Ruby
- Palest Carmine
#FFCCE0 - Palest Crimson
#FFCCD6 - Palest Bright Ruby
#FAD1DD - Palest Bright Crimson
#FAD1D9 - Palest Cardinal
#FFCCD1 - Palest Blush
#FFCCE6 - Palest Bright Carmine
#FAD1E1 - Palest Bright Cardinal
#FAD1D5 - Palest Bright Red
#FAD1D1 - Palest Bright Blush
#FAD1E6 - Palest Red
#FFCCCC - Palest Rose
#FFCCEB
More pink shades
- Light Dusty Carmine
#BA97A5 - Pale Dusty Carmine
#CAAFBA - Very Pale Dusty Carmine
#DAC8CF - Palest Dusty Carmine
#EBE0E4 - Pale Ruby
#FF7AA2 - Very Pale Ruby
#FFA3BF - Pale Bright Ruby
#F288A7 - Very Pale Bright Ruby
#F6ACC2 - Palest Bright Ruby
#FAD1DD - Pale Soft Ruby
#E495AD - Very Pale Soft Ruby
#EDB6C6
Frequently asked questions
What is the HEX code for Palest Ruby?
The HEX code for Palest Ruby is #FFCCDB.
What is the RGB value of Palest Ruby?
Palest Ruby has an RGB value of 255, 204, 219 (rgb(255, 204, 219)). In HSL it is 342°, 100%, 90%.
What text color should I use on Palest Ruby?
Use black text on Palest Ruby. White text has a contrast ratio of 1.41:1 and black text has 14.91:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Palest Ruby?
The complementary color of Palest Ruby is #CCFFF0. Analogous colors #FFCCF5 and #FFD6CC also pair well.