Pale Cyan is a medium-light, vivid shade in the blue color family, with a cool feel. Its HEX code is #7AFFFF, which equals rgb(122, 255, 255) in RGB and hsl(180, 100%, 74%) in HSL. In print terms it converts to roughly C52 M0 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#7AFFFF - RGB
122, 255, 255 - HSL
180°, 100%, 74% - CMYK
52, 0, 0, 0 - Family
Blue - Tone
Medium-light, vivid
About Pale 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. 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.58:1. Its complementary color is #FF7A7A.
Download Pale 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…
Pale Cyan color codes
| HEX | #7AFFFF |
|---|---|
| RGB | rgb(122, 255, 255) |
| HSL | hsl(180, 100%, 74%) |
| HSV | 180°, 52%, 100% |
| CMYK | 52%, 0%, 0%, 0% |
| Decimal | 8060927 |
Shades and tints of Pale Cyan
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E9FFFF - 100
#D3FFFF - 200
#BDFFFF - 300
#A6FFFF - 400
#90FFFF - 500
#7AFFFF - 600
#66D5D5 - 700
#51AAAA - 800
#3D8080 - 900
#295555 - 950
#142B2B
Color harmonies for Pale Cyan
- Complementary
#FF7A7A≈ Salmon - Analogous −30°
#7AFFBD≈ Pale Seafoam - Analogous +30°
#7ABDFF≈ Pale Azure - Triadic +120°
#FF7AFF≈ Pale Fuchsia - Triadic +240°
#FFFF7A≈ Pale Citron - Split 150°
#FF7ABD≈ Pale Rose - Split 210°
#FFBD7A≈ Pale Tangerine
Contrast and accessibility of Pale Cyan
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Cyan | Aa | 1.19:1 | Fails |
| Black text on Pale Cyan | Aa | 17.58:1 | AAA (excellent) |
CSS code for Pale Cyan
background-color: #7AFFFF;color: #7AFFFF;background-color: rgb(122, 255, 255);background-color: hsl(180, 100%, 74%);:root { --color-pale-cyan: #7AFFFF; }class="bg-[#7AFFFF]"Colors similar to Pale Cyan
- Pale Teal
#7AFFF2 - Pale Lagoon
#7AF2FF - Pale Bright Cyan
#88F2F2 - Pale Turquoise Tone
#7AFFE4 - Pale Bright Teal
#88F2E7 - Pale Peacock
#7AE4FF - Light Bright Cyan
#63EEEE - Pale Bright Lagoon
#88E7F2 - Light Cyan Tone
#52FFFF - Pale Aquamarine
#7AFFD7 - Pale Bright Turquoise
#88F2DD - Very Pale Cyan
#A3FFFF
More blue shades
- Very Dark Cyan
#005C5C - Dark Cyan Tone
#008585 - Deep Cyan
#00ADAD - Medium Dark Cyan
#00D6D6 - Medium Light Cyan
#29FFFF - Light Cyan Tone
#52FFFF - Very Pale Cyan
#A3FFFF - Palest Cyan
#CCFFFF - Darkest Bright Cyan
#052E2E - Very Dark Bright Cyan
#095353 - Dark Bright Cyan
#0D7777
Frequently asked questions
What is the HEX code for Pale Cyan?
The HEX code for Pale Cyan is #7AFFFF.
What is the RGB value of Pale Cyan?
Pale Cyan has an RGB value of 122, 255, 255 (rgb(122, 255, 255)). In HSL it is 180°, 100%, 74%.
What text color should I use on Pale Cyan?
Use black text on Pale Cyan. White text has a contrast ratio of 1.19:1 and black text has 17.58:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Cyan?
The complementary color of Pale Cyan is #FF7A7A. Analogous colors #7AFFBD and #7ABDFF also pair well.