Palest Royal is a very light, vivid shade in the blue color family, with a cool feel. Its HEX code is #CCD1FF, which equals rgb(204, 209, 255) in RGB and hsl(234, 100%, 90%) in HSL. In print terms it converts to roughly C20 M18 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#CCD1FF - RGB
204, 209, 255 - HSL
234°, 100%, 90% - CMYK
20, 18, 0, 0 - Family
Blue - Tone
Very light, vivid
About Palest Royal
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 14.13:1. Its complementary color is #FFFACC.
Download Palest Royal 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 Royal color codes
| HEX | #CCD1FF |
|---|---|
| RGB | rgb(204, 209, 255) |
| HSL | hsl(234, 100%, 90%) |
| HSV | 234°, 20%, 100% |
| CMYK | 20%, 18%, 0%, 0% |
| Decimal | 13423103 |
Shades and tints of Palest Royal
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F7F7FF - 100
#EEF0FF - 200
#E6E8FF - 300
#DDE0FF - 400
#D5D9FF - 500
#CCD1FF - 600
#AAAED5 - 700
#888BAA - 800
#666980 - 900
#444655 - 950
#22232B
Color harmonies for Palest Royal
- Complementary
#FFFACC≈ Lemon Chiffon - Analogous −30°
#CCEBFF≈ Palest Capri - Analogous +30°
#E0CCFF≈ Palest Iris - Triadic +120°
#FFCCD1≈ Palest Red - Triadic +240°
#D1FFCC≈ Palest Green - Split 150°
#FFE0CC≈ Palest Cinnabar - Split 210°
#EBFFCC≈ Palest Apple
Contrast and accessibility of Palest Royal
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Palest Royal | Aa | 1.49:1 | Fails |
| Black text on Palest Royal | Aa | 14.13:1 | AAA (excellent) |
CSS code for Palest Royal
background-color: #CCD1FF;color: #CCD1FF;background-color: rgb(204, 209, 255);background-color: hsl(234, 100%, 90%);:root { --color-palest-royal: #CCD1FF; }class="bg-[#CCD1FF]"Colors similar to Palest Royal
- Periwinkle
#CCCCFF - Palest Cobalt
#CCD6FF - Palest Bright Blue
#D1D1FA - Palest Ultramarine
#D1CCFF - Palest Bright Royal
#D1D5FA - Palest Bright Ultramarine
#D5D1FA - Palest Bright Cobalt
#D1D9FA - Palest Indigo
#D6CCFF - Palest Sapphire
#CCDBFF - Palest Bright Indigo
#D9D1FA - Palest Soft Blue
#D6D6F5 - Palest Bright Sapphire
#D1DDFA
More blue shades
- Medium Dark Royal
#0015D6 - Pure Royal
#0019FF - Medium Light Royal
#293EFF - Light Royal
#5263FF - Pale Royal
#7A88FF - Very Pale Royal
#A3ACFF - Darkest Bright Royal
#05092E - Very Dark Bright Royal
#091153 - Dark Bright Royal
#0D1877 - Deep Bright Royal
#111F9C - Medium Dark Bright Royal
#1527C1
Frequently asked questions
What is the HEX code for Palest Royal?
The HEX code for Palest Royal is #CCD1FF.
What is the RGB value of Palest Royal?
Palest Royal has an RGB value of 204, 209, 255 (rgb(204, 209, 255)). In HSL it is 234°, 100%, 90%.
What text color should I use on Palest Royal?
Use black text on Palest Royal. White text has a contrast ratio of 1.49:1 and black text has 14.13:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Palest Royal?
The complementary color of Palest Royal is #FFFACC. Analogous colors #CCEBFF and #E0CCFF also pair well.