Pale Azure is a medium-light, vivid shade in the blue color family, with a cool feel. Its HEX code is #7ACAFF, which equals rgb(122, 202, 255) in RGB and hsl(204, 100%, 74%) in HSL. In print terms it converts to roughly C52 M21 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#7ACAFF - RGB
122, 202, 255 - HSL
204°, 100%, 74% - CMYK
52, 21, 0, 0 - Family
Blue - Tone
Medium-light, vivid
About Pale 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 11.72:1. Its complementary color is #FFAF7A.
Download Pale 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…
Pale Azure color codes
| HEX | #7ACAFF |
|---|---|
| RGB | rgb(122, 202, 255) |
| HSL | hsl(204, 100%, 74%) |
| HSV | 204°, 52%, 100% |
| CMYK | 52%, 21%, 0%, 0% |
| Decimal | 8047359 |
Shades and tints of Pale Azure
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E9F6FF - 100
#D3EDFF - 200
#BDE5FF - 300
#A6DCFF - 400
#90D3FF - 500
#7ACAFF - 600
#66A8D5 - 700
#5187AA - 800
#3D6580 - 900
#294355 - 950
#14222B
Color harmonies for Pale Azure
- Complementary
#FFAF7A≈ Pale Cinnabar - Analogous −30°
#7AFFF2≈ Pale Cyan - Analogous +30°
#7A88FF≈ Pale Cobalt - Triadic +120°
#FF7ACA≈ Pale Raspberry - Triadic +240°
#CAFF7A≈ Pale Apple - Split 150°
#FF7A88≈ Pale Crimson - Split 210°
#FFF27A≈ Pale Yellow
Contrast and accessibility of Pale Azure
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Azure | Aa | 1.79:1 | Fails |
| Black text on Pale Azure | Aa | 11.72:1 | AAA (excellent) |
CSS code for Pale Azure
background-color: #7ACAFF;color: #7ACAFF;background-color: rgb(122, 202, 255);background-color: hsl(204, 100%, 74%);:root { --color-pale-azure: #7ACAFF; }class="bg-[#7ACAFF]"Colors similar to Pale Azure
- Light Sky Blue
#87CEFA - Pale Capri
#7AD7FF - Pale Cerulean
#7ABDFF - Pale Bright Azure
#88C7F2 - Pale Bright Capri
#88D2F2 - Sky Blue
#87CEEB - Pale Bright Cerulean
#88BDF2 - Light Bright Capri
#63C4EE - Light Bright Peacock
#63D2EE - Pale Bright Peacock
#88DDF2 - Pale Peacock
#7AE4FF - Pale Cornflower
#7AAFFF
More blue shades
- Dark Azure
#005085 - Deep Azure
#0068AD - Medium Dark Azure
#0081D6 - Pure Azure
#0099FF - Medium Light Azure
#29A9FF - Light Azure
#52BAFF - Very Pale Azure
#A3DAFF - Palest Azure
#CCEBFF - Darkest Bright Azure
#051E2E - Very Dark Bright Azure
#093553 - Dark Bright Azure
#0D4D77
Frequently asked questions
What is the HEX code for Pale Azure?
The HEX code for Pale Azure is #7ACAFF.
What is the RGB value of Pale Azure?
Pale Azure has an RGB value of 122, 202, 255 (rgb(122, 202, 255)). In HSL it is 204°, 100%, 74%.
What text color should I use on Pale Azure?
Use black text on Pale Azure. White text has a contrast ratio of 1.79:1 and black text has 11.72:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Azure?
The complementary color of Pale Azure is #FFAF7A. Analogous colors #7AFFF2 and #7A88FF also pair well.