Palest Cyan is a very light, vivid shade in the blue color family, with a cool feel. Its HEX code is #CCFFFF, which equals rgb(204, 255, 255) in RGB and hsl(180, 100%, 90%) in HSL. In print terms it converts to roughly C20 M0 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#CCFFFF - RGB
204, 255, 255 - HSL
180°, 100%, 90% - CMYK
20, 0, 0, 0 - Family
Blue - Tone
Very light, vivid
About Palest Cyan
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 19.32:1. Its complementary color is #FFCCCC.
Download Palest Cyan 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 Cyan color codes
| HEX | #CCFFFF |
|---|---|
| RGB | rgb(204, 255, 255) |
| HSL | hsl(180, 100%, 90%) |
| HSV | 180°, 20%, 100% |
| CMYK | 20%, 0%, 0%, 0% |
| Decimal | 13434879 |
Shades and tints of Palest Cyan
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F7FFFF - 100
#EEFFFF - 200
#E6FFFF - 300
#DDFFFF - 400
#D5FFFF - 500
#CCFFFF - 600
#AAD5D5 - 700
#88AAAA - 800
#668080 - 900
#445555 - 950
#222B2B
Color harmonies for Palest Cyan
- Complementary
#FFCCCC≈ Palest Cardinal - Analogous −30°
#CCFFE6≈ Palest Seafoam - Analogous +30°
#CCE6FF≈ Palest Cerulean - Triadic +120°
#FFCCFF≈ Palest Fuchsia - Triadic +240°
#FFFFCC≈ Cream - Split 150°
#FFCCE6≈ Palest Rose - Split 210°
#FFE6CC≈ Palest Tangerine
Contrast and accessibility of Palest Cyan
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Palest Cyan | Aa | 1.09:1 | Fails |
| Black text on Palest Cyan | Aa | 19.32:1 | AAA (excellent) |
CSS code for Palest Cyan
background-color: #CCFFFF;color: #CCFFFF;background-color: rgb(204, 255, 255);background-color: hsl(180, 100%, 90%);:root { --color-palest-cyan: #CCFFFF; }class="bg-[#CCFFFF]"Colors similar to Palest Cyan
- Palest Teal
#CCFFFA - Palest Lagoon
#CCFAFF - Palest Turquoise
#CCFFF5 - Palest Bright Cyan
#D1FAFA - Palest Bright Teal
#D1FAF6 - Palest Peacock
#CCF5FF - Palest Bright Lagoon
#D1F6FA - Palest Aquamarine
#CCFFF0 - Palest Bright Turquoise
#D1FAF2 - Palest Bright Peacock
#D1F2FA - Palest Bright Aquamarine
#D1FAEE - Palest Seafoam
#CCFFEB
More blue shades
- Deep Cyan
#00ADAD - Medium Dark Cyan
#00D6D6 - Medium Light Cyan
#29FFFF - Light Cyan Tone
#52FFFF - Pale Cyan
#7AFFFF - Very Pale Cyan
#A3FFFF - Darkest Bright Cyan
#052E2E - Very Dark Bright Cyan
#095353 - Dark Bright Cyan
#0D7777 - Deep Bright Cyan
#119C9C - Medium Dark Bright Cyan
#15C1C1
Frequently asked questions
What is the HEX code for Palest Cyan?
The HEX code for Palest Cyan is #CCFFFF.
What is the RGB value of Palest Cyan?
Palest Cyan has an RGB value of 204, 255, 255 (rgb(204, 255, 255)). In HSL it is 180°, 100%, 90%.
What text color should I use on Palest Cyan?
Use black text on Palest Cyan. White text has a contrast ratio of 1.09:1 and black text has 19.32:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Palest Cyan?
The complementary color of Palest Cyan is #FFCCCC. Analogous colors #CCFFE6 and #CCE6FF also pair well.