Pale Capri is a medium-light, vivid shade in the blue color family, with a cool feel. Its HEX code is #7AD7FF, which equals rgb(122, 215, 255) in RGB and hsl(198, 100%, 74%) in HSL. In print terms it converts to roughly C52 M16 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#7AD7FF - RGB
122, 215, 255 - HSL
198°, 100%, 74% - CMYK
52, 16, 0, 0 - Family
Blue - Tone
Medium-light, vivid
About Pale 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 12.99:1. Its complementary color is #FFA27A.
Download Pale 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…
Pale Capri color codes
| HEX | #7AD7FF |
|---|---|
| RGB | rgb(122, 215, 255) |
| HSL | hsl(198, 100%, 74%) |
| HSV | 198°, 52%, 100% |
| CMYK | 52%, 16%, 0%, 0% |
| Decimal | 8050687 |
Shades and tints of Pale Capri
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E9F8FF - 100
#D3F2FF - 200
#BDEBFF - 300
#A6E4FF - 400
#90DEFF - 500
#7AD7FF - 600
#66B3D5 - 700
#518FAA - 800
#3D6C80 - 900
#294855 - 950
#14242B
Color harmonies for Pale Capri
- Complementary
#FFA27A≈ Light Salmon - Analogous −30°
#7AFFE4≈ Pale Aquamarine - Analogous +30°
#7A95FF≈ Pale Sapphire - Triadic +120°
#FF7AD7≈ Pale Cerise - Triadic +240°
#D7FF7A≈ Pale Spring Bud - Split 150°
#FF7A95≈ Pale Ruby - Split 210°
#FFE47A≈ Pale Amber
Contrast and accessibility of Pale Capri
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Capri | Aa | 1.62:1 | Fails |
| Black text on Pale Capri | Aa | 12.99:1 | AAA (excellent) |
CSS code for Pale Capri
background-color: #7AD7FF;color: #7AD7FF;background-color: rgb(122, 215, 255);background-color: hsl(198, 100%, 74%);:root { --color-pale-capri: #7AD7FF; }class="bg-[#7AD7FF]"Colors similar to Pale Capri
- Pale Peacock
#7AE4FF - Pale Azure
#7ACAFF - Light Sky Blue
#87CEFA - Pale Bright Capri
#88D2F2 - Pale Bright Peacock
#88DDF2 - Sky Blue
#87CEEB - Pale Bright Lagoon
#88E7F2 - Pale Bright Azure
#88C7F2 - Light Bright Peacock
#63D2EE - Light Bright Lagoon
#63E0EE - Pale Cerulean
#7ABDFF - Pale Lagoon
#7AF2FF
More blue shades
- Dark Capri
#005D85 - Deep Capri
#0079AD - Medium Dark Capri
#0096D6 - Pure Capri
#00B2FF - Medium Light Capri
#29BFFF - Light Capri
#52CBFF - Very Pale Capri
#A3E3FF - Palest Capri
#CCF0FF - Darkest Bright Capri
#05222E - Very Dark Bright Capri
#093D53 - Dark Bright Capri
#0D5877
Frequently asked questions
What is the HEX code for Pale Capri?
The HEX code for Pale Capri is #7AD7FF.
What is the RGB value of Pale Capri?
Pale Capri has an RGB value of 122, 215, 255 (rgb(122, 215, 255)). In HSL it is 198°, 100%, 74%.
What text color should I use on Pale Capri?
Use black text on Pale Capri. White text has a contrast ratio of 1.62:1 and black text has 12.99:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Capri?
The complementary color of Pale Capri is #FFA27A. Analogous colors #7AFFE4 and #7A95FF also pair well.