Palest Azure is a very light, vivid shade in the blue color family, with a cool feel. Its HEX code is #CCEBFF, which equals rgb(204, 235, 255) in RGB and hsl(204, 100%, 90%) in HSL. In print terms it converts to roughly C20 M8 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#CCEBFF - RGB
204, 235, 255 - HSL
204°, 100%, 90% - CMYK
20, 8, 0, 0 - Family
Blue - Tone
Very light, vivid
About Palest Azure
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. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 16.89:1. Its complementary color is #FFE0CC.
Download Palest Azure 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 Azure color codes
| HEX | #CCEBFF |
|---|---|
| RGB | rgb(204, 235, 255) |
| HSL | hsl(204, 100%, 90%) |
| HSV | 204°, 20%, 100% |
| CMYK | 20%, 8%, 0%, 0% |
| Decimal | 13429759 |
Shades and tints of Palest Azure
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F7FCFF - 100
#EEF8FF - 200
#E6F5FF - 300
#DDF2FF - 400
#D5EEFF - 500
#CCEBFF - 600
#AAC4D5 - 700
#889DAA - 800
#667680 - 900
#444E55 - 950
#22272B
Color harmonies for Palest Azure
- Complementary
#FFE0CC≈ Palest Cinnabar - Analogous −30°
#CCFFFA≈ Palest Turquoise - Analogous +30°
#CCD1FF≈ Periwinkle - Triadic +120°
#FFCCEB≈ Palest Raspberry - Triadic +240°
#EBFFCC≈ Palest Apple - Split 150°
#FFCCD1≈ Palest Red - Split 210°
#FFFACC≈ Lemon Chiffon
Contrast and accessibility of Palest Azure
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Palest Azure | Aa | 1.24:1 | Fails |
| Black text on Palest Azure | Aa | 16.89:1 | AAA (excellent) |
CSS code for Palest Azure
background-color: #CCEBFF;color: #CCEBFF;background-color: rgb(204, 235, 255);background-color: hsl(204, 100%, 90%);:root { --color-palest-azure: #CCEBFF; }class="bg-[#CCEBFF]"Colors similar to Palest Azure
- Palest Capri
#CCF0FF - Palest Bright Azure
#D1EAFA - Palest Cerulean
#CCE5FF - Palest Bright Capri
#D1EEFA - Palest Bright Cerulean
#D1E5FA - Palest Bright Peacock
#D1F2FA - Palest Peacock
#CCF5FF - Palest Cornflower
#CCE0FF - Palest Soft Capri
#D6ECF5 - Palest Soft Azure
#D6E9F5 - Palest Bright Cornflower
#D1E1FA - Palest Soft Peacock
#D6EFF5
More blue shades
- Medium Dark Azure
#0081D6 - Pure Azure
#0099FF - Medium Light Azure
#29A9FF - Light Azure
#52BAFF - Pale Azure
#7ACAFF - Very Pale Azure
#A3DAFF - Darkest Bright Azure
#051E2E - Very Dark Bright Azure
#093553 - Dark Bright Azure
#0D4D77 - Deep Bright Azure
#11659C - Medium Dark Bright Azure
#157CC1
Frequently asked questions
What is the HEX code for Palest Azure?
The HEX code for Palest Azure is #CCEBFF.
What is the RGB value of Palest Azure?
Palest Azure has an RGB value of 204, 235, 255 (rgb(204, 235, 255)). In HSL it is 204°, 100%, 90%.
What text color should I use on Palest Azure?
Use black text on Palest Azure. White text has a contrast ratio of 1.24:1 and black text has 16.89:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Palest Azure?
The complementary color of Palest Azure is #FFE0CC. Analogous colors #CCFFFA and #CCD1FF also pair well.