Skip to content

Pale turquoise

Pale turquoise is a very light, rich color from the cyan family. Hex code #AFEEEE.

Pale turquoise#AFEEEE

Color codes

  • CSS namepaleturquoise
  • HEX#AFEEEE
  • RGBrgb(175 238 238)
  • HSLhsl(180 65% 81%)
  • HSB / HSVhsb(180, 26%, 93%)
  • OKLCHoklch(90.7% 0.063 196.1)
  • CMYKcmyk(26%, 0%, 0%, 7%)

White text

1.28:1 · fails WCAG

Black text

16.28:1 · passes WCAG AAA

Shades

50#C6FEFE
100#A4E2E2
200#87C5C5
300#6CA9A9
400#518E8E
500#367374
600#195A5A
700#024041
800#012828

Complementary

#AFEEEE
#FED5D6

Analogous

#AFEEEE
#B9EED7
#B9E9FE

Triadic

#AFEEEE
#F1D4FD
#F9DBB2

About this color

Pale turquoise in CSS and design

Pale turquoise is a very light, rich color from the cyan family. Pale turquoise is one of the extended color keywords, which CSS adopted from the X11 color names used on Unix workstations.

Use it in CSS by name or by any of its codes; these all give the same color:

color: paleturquoise;
color: #AFEEEE;
color: rgb(175 238 238);
color: hsl(180 65% 81%);

For text on pale turquoise, black reads best. Check other combinations with the contrast checker, or browse all CSS color names.

Frequently asked questions

What is the hex code for pale turquoise?

#AFEEEE. In CSS you can also use the keyword paleturquoise, which works in every browser.

What is pale turquoise in RGB and HSL?

In RGB it is rgb(175 238 238), in HSL hsl(180 65% 81%). For print, cmyk(26%, 0%, 0%, 7%) is a starting point, but CMYK depends on paper and ink, so check with your printer.

Should I use black or white text on pale turquoise?

Black text works better: it has a contrast ratio of 16.28:1 and passes WCAG AAA. White text reaches 1.28:1.

Which colors go with pale turquoise?

Its complementary color is #FED5D6, on the opposite side of the color wheel. For a calmer look, combine it with its analogous neighbors #B9EED7 and #B9E9FE. The palette generator builds more combinations.