Palest Peacock is a very light, vivid shade in the blue color family, with a cool feel. Its HEX code is #CCF5FF, which equals rgb(204, 245, 255) in RGB and hsl(192, 100%, 90%) in HSL. In print terms it converts to roughly C20 M4 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#CCF5FF - RGB
204, 245, 255 - HSL
192°, 100%, 90% - CMYK
20, 4, 0, 0 - Family
Blue - Tone
Very light, vivid
About Palest Peacock
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 18.07:1. Its complementary color is #FFD6CC.
Download Palest Peacock 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 Peacock color codes
| HEX | #CCF5FF |
|---|---|
| RGB | rgb(204, 245, 255) |
| HSL | hsl(192, 100%, 90%) |
| HSV | 192°, 20%, 100% |
| CMYK | 20%, 4%, 0%, 0% |
| Decimal | 13432319 |
Shades and tints of Palest Peacock
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F7FDFF - 100
#EEFCFF - 200
#E6FAFF - 300
#DDF8FF - 400
#D5F7FF - 500
#CCF5FF - 600
#AACCD5 - 700
#88A3AA - 800
#667B80 - 900
#445255 - 950
#22292B
Color harmonies for Palest Peacock
- Complementary
#FFD6CC≈ Palest Scarlet - Analogous −30°
#CCFFF0≈ Palest Seafoam - Analogous +30°
#CCDBFF≈ Palest Cornflower - Triadic +120°
#FFCCF5≈ Palest Fuchsia - Triadic +240°
#F5FFCC≈ Palest Chartreuse - Split 150°
#FFCCDB≈ Palest Carmine - Split 210°
#FFF0CC≈ Palest Tangerine
Contrast and accessibility of Palest Peacock
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Palest Peacock | Aa | 1.16:1 | Fails |
| Black text on Palest Peacock | Aa | 18.07:1 | AAA (excellent) |
CSS code for Palest Peacock
background-color: #CCF5FF;color: #CCF5FF;background-color: rgb(204, 245, 255);background-color: hsl(192, 100%, 90%);:root { --color-palest-peacock: #CCF5FF; }class="bg-[#CCF5FF]"Colors similar to Palest Peacock
- Palest Lagoon
#CCFAFF - Palest Capri
#CCF0FF - Palest Bright Lagoon
#D1F6FA - Palest Bright Peacock
#D1F2FA - Palest Bright Cyan
#D1FAFA - Palest Bright Capri
#D1EEFA - Palest Bright Teal
#D1FAF6 - Palest Cyan
#CCFFFF - Palest Azure
#CCEBFF - Palest Teal
#CCFFFA - Palest Soft Cyan
#D6F5F5 - Palest Soft Lagoon
#D6F2F5
More blue shades
- Medium Dark Peacock
#00ABD6 - Pure Peacock
#00CCFF - Medium Light Peacock
#29D4FF - Light Peacock
#52DCFF - Pale Peacock
#7AE4FF - Very Pale Peacock
#A3EDFF - Darkest Bright Peacock
#05262E - Very Dark Bright Peacock
#094453 - Dark Bright Peacock
#0D6277 - Deep Bright Peacock
#11809C - Medium Dark Bright Peacock
#159FC1
Frequently asked questions
What is the HEX code for Palest Peacock?
The HEX code for Palest Peacock is #CCF5FF.
What is the RGB value of Palest Peacock?
Palest Peacock has an RGB value of 204, 245, 255 (rgb(204, 245, 255)). In HSL it is 192°, 100%, 90%.
What text color should I use on Palest Peacock?
Use black text on Palest Peacock. White text has a contrast ratio of 1.16:1 and black text has 18.07:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Palest Peacock?
The complementary color of Palest Peacock is #FFD6CC. Analogous colors #CCFFF0 and #CCDBFF also pair well.