Light Teal is a medium-light, vivid shade in the blue color family, with a cool feel. Its HEX code is #52FFEE, which equals rgb(82, 255, 238) in RGB and hsl(174, 100%, 66%) in HSL. In print terms it converts to roughly C68 M0 Y7 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#52FFEE - RGB
82, 255, 238 - HSL
174°, 100%, 66% - CMYK
68, 0, 7, 0 - Family
Blue - Tone
Medium-light, vivid
About Light 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. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 16.90:1. Its complementary color is #FF5263.
Download Light 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…
Light Teal color codes
| HEX | #52FFEE |
|---|---|
| RGB | rgb(82, 255, 238) |
| HSL | hsl(174, 100%, 66%) |
| HSV | 174°, 68%, 100% |
| CMYK | 68%, 0%, 7%, 0% |
| Decimal | 5439470 |
Shades and tints of Light Teal
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E2FFFC - 100
#C5FFF9 - 200
#A9FFF7 - 300
#8CFFF4 - 400
#6FFFF1 - 500
#52FFEE - 600
#44D5C6 - 700
#37AA9F - 800
#298077 - 900
#1B554F - 950
#0E2B28
Color harmonies for Light Teal
- Complementary
#FF5263≈ Light Red - Analogous −30°
#52FF97≈ Light Jade - Analogous +30°
#52BAFF≈ Light Capri - Triadic +120°
#EE52FF≈ Light Magenta - Triadic +240°
#FFEE52≈ Light Yellow Tone - Split 150°
#FF52BA≈ Light Raspberry - Split 210°
#FF9752≈ Light Cinnabar
Contrast and accessibility of Light Teal
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Teal | Aa | 1.24:1 | Fails |
| Black text on Light Teal | Aa | 16.90:1 | AAA (excellent) |
CSS code for Light Teal
background-color: #52FFEE;color: #52FFEE;background-color: rgb(82, 255, 238);background-color: hsl(174, 100%, 66%);:root { --color-light-teal: #52FFEE; }class="bg-[#52FFEE]"Colors similar to Light Teal
- Light Cyan Tone
#52FFFF - Light Turquoise
#52FFDC - Light Bright Cyan
#63EEEE - Light Lagoon
#52EEFF - Light Bright Teal
#63EEE0 - Medium Light Bright Cyan
#3EEAEA - Light Aquamarine
#52FFCB - Medium Light Teal
#29FFEA - Pale Teal
#7AFFF2 - Light Bright Turquoise
#63EED2 - Medium Light Bright Teal
#3EEAD8 - Pale Turquoise Tone
#7AFFE4
More blue shades
- Very Dark Teal
#005C53 - Dark Teal
#008577 - Deep Teal
#00AD9C - Medium Dark Teal
#00D6C1 - Pure Teal
#00FFE6 - Medium Light Teal
#29FFEA - Pale Teal
#7AFFF2 - Very Pale Teal
#A3FFF6 - Palest Teal
#CCFFFA - Darkest Bright Teal
#052E2A - Very Dark Bright Teal
#09534B
Frequently asked questions
What is the HEX code for Light Teal?
The HEX code for Light Teal is #52FFEE.
What is the RGB value of Light Teal?
Light Teal has an RGB value of 82, 255, 238 (rgb(82, 255, 238)). In HSL it is 174°, 100%, 66%.
What text color should I use on Light Teal?
Use black text on Light Teal. White text has a contrast ratio of 1.24:1 and black text has 16.90:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Teal?
The complementary color of Light Teal is #FF5263. Analogous colors #52FF97 and #52BAFF also pair well.