Palest Teal is a very light, vivid shade in the blue color family, with a cool feel. Its HEX code is #CCFFFA, which equals rgb(204, 255, 250) in RGB and hsl(174, 100%, 90%) in HSL. In print terms it converts to roughly C20 M0 Y2 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#CCFFFA - RGB
204, 255, 250 - HSL
174°, 100%, 90% - CMYK
20, 0, 2, 0 - Family
Blue - Tone
Very light, vivid
About Palest 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 19.25:1. Its complementary color is #FFCCD1.
Download Palest 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…
Palest Teal color codes
| HEX | #CCFFFA |
|---|---|
| RGB | rgb(204, 255, 250) |
| HSL | hsl(174, 100%, 90%) |
| HSV | 174°, 20%, 100% |
| CMYK | 20%, 0%, 2%, 0% |
| Decimal | 13434874 |
Shades and tints of Palest Teal
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F7FFFE - 100
#EEFFFD - 200
#E6FFFD - 300
#DDFFFC - 400
#D5FFFB - 500
#CCFFFA - 600
#AAD5D0 - 700
#88AAA7 - 800
#66807D - 900
#445553 - 950
#222B2A
Color harmonies for Palest Teal
- Complementary
#FFCCD1≈ Palest Red - Analogous −30°
#CCFFE0≈ Palest Jade - Analogous +30°
#CCEBFF≈ Palest Capri - Triadic +120°
#FACCFF≈ Palest Purple - Triadic +240°
#FFFACC≈ Lemon Chiffon - Split 150°
#FFCCEB≈ Palest Raspberry - Split 210°
#FFE0CC≈ Palest Cinnabar
Contrast and accessibility of Palest Teal
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Palest Teal | Aa | 1.09:1 | Fails |
| Black text on Palest Teal | Aa | 19.25:1 | AAA (excellent) |
CSS code for Palest Teal
background-color: #CCFFFA;color: #CCFFFA;background-color: rgb(204, 255, 250);background-color: hsl(174, 100%, 90%);:root { --color-palest-teal: #CCFFFA; }class="bg-[#CCFFFA]"Colors similar to Palest Teal
- Palest Turquoise
#CCFFF5 - Palest Cyan
#CCFFFF - Palest Lagoon
#CCFAFF - Palest Bright Cyan
#D1FAFA - Palest Bright Teal
#D1FAF6 - Palest Aquamarine
#CCFFF0 - Palest Bright Turquoise
#D1FAF2 - Palest Bright Lagoon
#D1F6FA - Palest Peacock
#CCF5FF - Palest Bright Aquamarine
#D1FAEE - Palest Seafoam
#CCFFEB - Palest Bright Seafoam
#D1FAEA
More blue shades
- Medium Dark Teal
#00D6C1 - Pure Teal
#00FFE6 - Medium Light Teal
#29FFEA - Light Teal
#52FFEE - Pale Teal
#7AFFF2 - Very Pale Teal
#A3FFF6 - Darkest Bright Teal
#052E2A - Very Dark Bright Teal
#09534B - Dark Bright Teal
#0D776D - Deep Bright Teal
#119C8E - Medium Dark Bright Teal
#15C1B0
Frequently asked questions
What is the HEX code for Palest Teal?
The HEX code for Palest Teal is #CCFFFA.
What is the RGB value of Palest Teal?
Palest Teal has an RGB value of 204, 255, 250 (rgb(204, 255, 250)). In HSL it is 174°, 100%, 90%.
What text color should I use on Palest Teal?
Use black text on Palest Teal. White text has a contrast ratio of 1.09:1 and black text has 19.25:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Palest Teal?
The complementary color of Palest Teal is #FFCCD1. Analogous colors #CCFFE0 and #CCEBFF also pair well.