Pale Teal is a medium-light, vivid shade in the blue color family, with a cool feel. Its HEX code is #7AFFF2, which equals rgb(122, 255, 242) in RGB and hsl(174, 100%, 74%) in HSL. In print terms it converts to roughly C52 M0 Y5 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#7AFFF2 - RGB
122, 255, 242 - HSL
174°, 100%, 74% - CMYK
52, 0, 5, 0 - Family
Blue - Tone
Medium-light, vivid
About Pale Teal
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. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 17.41:1. Its complementary color is #FF7A88.
Download Pale Teal 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 Teal color codes
| HEX | #7AFFF2 |
|---|---|
| RGB | rgb(122, 255, 242) |
| HSL | hsl(174, 100%, 74%) |
| HSV | 174°, 52%, 100% |
| CMYK | 52%, 0%, 5%, 0% |
| Decimal | 8060914 |
Shades and tints of Pale Teal
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E9FFFD - 100
#D3FFFB - 200
#BDFFF9 - 300
#A6FFF6 - 400
#90FFF4 - 500
#7AFFF2 - 600
#66D5CA - 700
#51AAA1 - 800
#3D8079 - 900
#295551 - 950
#142B28
Color harmonies for Pale Teal
- Complementary
#FF7A88≈ Pale Crimson - Analogous −30°
#7AFFAF≈ Pale Jade - Analogous +30°
#7ACAFF≈ Light Sky Blue - Triadic +120°
#F27AFF≈ Pale Magenta - Triadic +240°
#FFF27A≈ Pale Yellow - Split 150°
#FF7ACA≈ Pale Raspberry - Split 210°
#FFAF7A≈ Pale Cinnabar
Contrast and accessibility of Pale Teal
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Teal | Aa | 1.21:1 | Fails |
| Black text on Pale Teal | Aa | 17.41:1 | AAA (excellent) |
CSS code for Pale Teal
background-color: #7AFFF2;color: #7AFFF2;background-color: rgb(122, 255, 242);background-color: hsl(174, 100%, 74%);:root { --color-pale-teal: #7AFFF2; }class="bg-[#7AFFF2]"Colors similar to Pale Teal
- Pale Cyan
#7AFFFF - Pale Turquoise Tone
#7AFFE4 - Pale Lagoon
#7AF2FF - Pale Bright Cyan
#88F2F2 - Pale Bright Teal
#88F2E7 - Pale Aquamarine
#7AFFD7 - Pale Bright Turquoise
#88F2DD - Aquamarine
#7FFFD4 - Light Bright Cyan
#63EEEE - Pale Bright Lagoon
#88E7F2 - Light Bright Teal
#63EEE0 - Pale Peacock
#7AE4FF
More blue shades
- Dark Teal
#008577 - Deep Teal
#00AD9C - Medium Dark Teal
#00D6C1 - Pure Teal
#00FFE6 - Medium Light Teal
#29FFEA - Light Teal
#52FFEE - Very Pale Teal
#A3FFF6 - Palest Teal
#CCFFFA - Darkest Bright Teal
#052E2A - Very Dark Bright Teal
#09534B - Dark Bright Teal
#0D776D
Frequently asked questions
What is the HEX code for Pale Teal?
The HEX code for Pale Teal is #7AFFF2.
What is the RGB value of Pale Teal?
Pale Teal has an RGB value of 122, 255, 242 (rgb(122, 255, 242)). In HSL it is 174°, 100%, 74%.
What text color should I use on Pale Teal?
Use black text on Pale Teal. White text has a contrast ratio of 1.21:1 and black text has 17.41:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Teal?
The complementary color of Pale Teal is #FF7A88. Analogous colors #7AFFAF and #7ACAFF also pair well.