Palest Cerulean is a very light, vivid shade in the blue color family, with a cool feel. Its HEX code is #CCE5FF, which equals rgb(204, 229, 255) in RGB and hsl(211, 100%, 90%) in HSL. In print terms it converts to roughly C20 M10 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#CCE5FF - RGB
204, 229, 255 - HSL
211°, 100%, 90% - CMYK
20, 10, 0, 0 - Family
Blue - Tone
Very light, vivid
About Palest Cerulean
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 16.22:1. Its complementary color is #FFE6CC.
Download Palest Cerulean 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 Cerulean color codes
| HEX | #CCE5FF |
|---|---|
| RGB | rgb(204, 229, 255) |
| HSL | hsl(211, 100%, 90%) |
| HSV | 211°, 20%, 100% |
| CMYK | 20%, 10%, 0%, 0% |
| Decimal | 13428223 |
Shades and tints of Palest Cerulean
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F7FBFF - 100
#EEF6FF - 200
#E6F2FF - 300
#DDEEFF - 400
#D5E9FF - 500
#CCE5FF - 600
#AABFD5 - 700
#8899AA - 800
#667380 - 900
#444C55 - 950
#22262B
Color harmonies for Palest Cerulean
- Complementary
#FFE6CC≈ Palest Tangerine - Analogous −30°
#CCFEFF≈ Palest Cyan - Analogous +30°
#CDCCFF≈ Periwinkle - Triadic +120°
#FFCCE5≈ Palest Blush - Triadic +240°
#E5FFCC≈ Palest Apple - Split 150°
#FFCDCC≈ Palest Red - Split 210°
#FEFFCC≈ Palest Yellow
Contrast and accessibility of Palest Cerulean
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Palest Cerulean | Aa | 1.29:1 | Fails |
| Black text on Palest Cerulean | Aa | 16.22:1 | AAA (excellent) |
CSS code for Palest Cerulean
background-color: #CCE5FF;color: #CCE5FF;background-color: rgb(204, 229, 255);background-color: hsl(211, 100%, 90%);:root { --color-palest-cerulean: #CCE5FF; }class="bg-[#CCE5FF]"Colors similar to Palest Cerulean
- Palest Cornflower
#CCE0FF - Palest Bright Cerulean
#D1E5FA - Palest Azure
#CCEBFF - Palest Bright Cornflower
#D1E1FA - Palest Bright Azure
#D1EAFA - Palest Bright Sapphire
#D1DDFA - Palest Sapphire
#CCDBFF - Palest Bright Capri
#D1EEFA - Palest Capri
#CCF0FF - Palest Soft Cerulean
#D6E5F5 - Palest Soft Cornflower
#D6E2F5 - Palest Soft Azure
#D6E9F5
More blue shades
- Deep Cerulean
#0057AD - Medium Dark Cerulean
#006BD6 - Medium Light Cerulean
#2994FF - Light Cerulean
#52A8FF - Pale Cerulean
#7ABDFF - Very Pale Cerulean
#A3D1FF - Darkest Bright Cerulean
#05192E - Very Dark Bright Cerulean
#092E53 - Dark Bright Cerulean
#0D4277 - Deep Bright Cerulean
#11579C - Medium Dark Bright Cerulean
#156BC1
Frequently asked questions
What is the HEX code for Palest Cerulean?
The HEX code for Palest Cerulean is #CCE5FF.
What is the RGB value of Palest Cerulean?
Palest Cerulean has an RGB value of 204, 229, 255 (rgb(204, 229, 255)). In HSL it is 211°, 100%, 90%.
What text color should I use on Palest Cerulean?
Use black text on Palest Cerulean. White text has a contrast ratio of 1.29:1 and black text has 16.22:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Palest Cerulean?
The complementary color of Palest Cerulean is #FFE6CC. Analogous colors #CCFEFF and #CDCCFF also pair well.