Pale Turquoise hex code
The hex code for pale turquoise is #AFEEEE. In RGB that is rgb(175, 238, 238) and in HSL it is hsl(180, 65%, 81%).
The hex code for pale turquoise is #AFEEEE. In RGB that is rgb(175, 238, 238) and in HSL it is hsl(180, 65%, 81%).
Pale Turquoise · #AFEEEE
Colour codes
- HEX
- #AFEEEE
- RGB
- rgb(175, 238, 238)
- HSL
- hsl(180, 65%, 81%)
- CMYK
- 26, 0, 0, 7
- CSS name
- paleturquoise
- Contrast on white
- 1.29:1
- Contrast on black
- 16.29:1
Tints and shades
20% lighter · #bff1f1
40% lighter · #cff5f5
60% lighter · #dff8f8
80% lighter · #effcfc
20% darker · #8cbebe
40% darker · #698f8f
60% darker · #465f5f
80% darker · #233030
Complementary colour
Pale Turquoise · #AFEEEE
Opposite on the colour wheel · #eeafaf
Frequently asked questions
What is the hex code for pale turquoise?
The hex code for pale turquoise is #AFEEEE. In RGB that is rgb(175, 238, 238) and in HSL it is hsl(180, 65%, 81%).
Can I use pale turquoise for text?
It has a contrast ratio of 1.29:1 on white and 16.29:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with pale turquoise?
Its complementary colour, opposite on the colour wheel, is #EEAFAF. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of pale turquoise instead.
Is pale turquoise a CSS colour name?
Yes. CSS accepts the keyword paleturquoise, so color: paleturquoise and color: #AFEEEE render exactly the same.