Palest Capri is a very light, vivid shade in the blue color family, with a cool feel. Its HEX code is #CCF0FF, which equals rgb(204, 240, 255) in RGB and hsl(198, 100%, 90%) in HSL. In print terms it converts to roughly C20 M6 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#CCF0FF - RGB
204, 240, 255 - HSL
198°, 100%, 90% - CMYK
20, 6, 0, 0 - Family
Blue - Tone
Very light, vivid
About Palest Capri
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 17.48:1. Its complementary color is #FFDBCC.
Download Palest Capri 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 Capri color codes
| HEX | #CCF0FF |
|---|---|
| RGB | rgb(204, 240, 255) |
| HSL | hsl(198, 100%, 90%) |
| HSV | 198°, 20%, 100% |
| CMYK | 20%, 6%, 0%, 0% |
| Decimal | 13431039 |
Shades and tints of Palest Capri
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F7FDFF - 100
#EEFAFF - 200
#E6F8FF - 300
#DDF5FF - 400
#D5F3FF - 500
#CCF0FF - 600
#AAC8D5 - 700
#88A0AA - 800
#667880 - 900
#445055 - 950
#22282B
Color harmonies for Palest Capri
- Complementary
#FFDBCC≈ Palest Vermilion - Analogous −30°
#CCFFF5≈ Palest Aquamarine - Analogous +30°
#CCD6FF≈ Palest Sapphire - Triadic +120°
#FFCCF0≈ Palest Cerise - Triadic +240°
#F0FFCC≈ Palest Spring Bud - Split 150°
#FFCCD6≈ Palest Ruby - Split 210°
#FFF5CC≈ Palest Amber
Contrast and accessibility of Palest Capri
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Palest Capri | Aa | 1.20:1 | Fails |
| Black text on Palest Capri | Aa | 17.48:1 | AAA (excellent) |
CSS code for Palest Capri
background-color: #CCF0FF;color: #CCF0FF;background-color: rgb(204, 240, 255);background-color: hsl(198, 100%, 90%);:root { --color-palest-capri: #CCF0FF; }class="bg-[#CCF0FF]"Colors similar to Palest Capri
- Palest Peacock
#CCF5FF - Palest Azure
#CCEBFF - Palest Bright Peacock
#D1F2FA - Palest Bright Capri
#D1EEFA - Palest Bright Lagoon
#D1F6FA - Palest Bright Azure
#D1EAFA - Palest Lagoon
#CCFAFF - Palest Cerulean
#CCE5FF - Palest Soft Peacock
#D6EFF5 - Palest Soft Lagoon
#D6F2F5 - Palest Bright Cyan
#D1FAFA - Palest Soft Capri
#D6ECF5
More blue shades
- Medium Dark Capri
#0096D6 - Pure Capri
#00B2FF - Medium Light Capri
#29BFFF - Light Capri
#52CBFF - Pale Capri
#7AD7FF - Very Pale Capri
#A3E3FF - Darkest Bright Capri
#05222E - Very Dark Bright Capri
#093D53 - Dark Bright Capri
#0D5877 - Deep Bright Capri
#11729C - Medium Dark Bright Capri
#158DC1
Frequently asked questions
What is the HEX code for Palest Capri?
The HEX code for Palest Capri is #CCF0FF.
What is the RGB value of Palest Capri?
Palest Capri has an RGB value of 204, 240, 255 (rgb(204, 240, 255)). In HSL it is 198°, 100%, 90%.
What text color should I use on Palest Capri?
Use black text on Palest Capri. White text has a contrast ratio of 1.20:1 and black text has 17.48:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Palest Capri?
The complementary color of Palest Capri is #FFDBCC. Analogous colors #CCFFF5 and #CCD6FF also pair well.